Updated to have a react node instead of a card title.

Author: dlabaj

packages/react-core/src/components/Card/CardSubtitle.tsx

@@ -4,19 +4,16 @@ import styles from '@patternfly/react-styles/css/components/Card/card';
 export interface CardSubtitleProps {
   /** Content rendered inside the description. */
   children?: React.ReactNode;
-  /** Additional classes added to the description. */
-  className?: string;
   /** Id of the description. */
   id?: string;
 }
 
 export const CardSubtitle: React.FunctionComponent<CardSubtitleProps> = ({
   children = null,
-  className = '',
   id = '',
   ...props
 }: CardSubtitleProps) => (
-  <div {...props} id={id} className={css(styles.cardSubtitle, className)}>
+  <div {...props} id={id} className={css(styles.cardSubtitle)}>
     {children}
   </div>
 );

packages/react-core/src/components/Card/CardTitle.tsx

@@ -25,13 +25,14 @@ export const CardTitle: React.FunctionComponent<CardTitleProps> = ({
   const { cardId } = useContext(CardContext);
   const Component = component as any;
   const titleId = cardId ? `${cardId}-title` : '';
+  const subtitleId = cardId ? `${cardId}-subtitle` : '';
 
   return (
     <div className={css(styles.cardTitle)}>
       <Component className={css(styles.cardTitleText, className)} id={titleId || undefined} {...props}>
         {children}
       </Component>
-      {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}
+      {subtitle && <CardSubtitle id={subtitleId}>{subtitle}</CardSubtitle>}
     </div>
   );
 };