conditionally renders Card__header if title prop given (#471)

Author: jasonbasuil

spec/__snapshots__/Storyshots.test.js.snap

@@ -11114,9 +11114,6 @@ exports[`Storyshots Design System/Table Table On Card No Padding 1`] = `
   <section
     className="Card Card--lg Card--no-padding"
   >
-    <div
-      className="Card__header"
-    />
     <div
       id="Some table container"
       style={

src/Card/Card.jsx

@@ -25,10 +25,12 @@ const Card = ({
 }) => {
   const cardChildren = (
     <Fragment>
-      <div className="Card__header">
-        { title && <h2 className="Card__title">{title}</h2> }
-        { helperText && <span className="Card__helper-text">{helperText}</span>}
-      </div>
+      { title && (
+        <div className="Card__header">
+          <h2 className="Card__title">{title}</h2>
+          { helperText && <span className="Card__helper-text">{helperText}</span>}
+        </div>
+      )}
 
       { divided && <hr className="Card__divider" /> }
       { subTitle && <h3 className="Card__subtitle">{subTitle}</h3> }