import * as React from 'react'; import { css } from '@patternfly/react-styles'; import styles from '@patternfly/react-styles/css/components/Card/card'; import { CardContext } from './Card'; export interface CardTitleProps extends React.HTMLProps { /** Content rendered inside the CardTitle */ children?: React.ReactNode; /** Additional classes added to the CardTitle */ className?: string; /** Sets the base component to render. defaults to div */ component?: keyof JSX.IntrinsicElements; } export const CardTitle: React.FunctionComponent = ({ children, className, component = 'div', ...props }: CardTitleProps) => { const { cardId } = React.useContext(CardContext); const Component = component as any; const titleId = cardId ? `${cardId}-title` : ''; return (
{children}
); }; CardTitle.displayName = 'CardTitle';