fix: [Hero] Allow React elements to be passed to the heading and `s…

…ubheading` props (#310)

Closes #309 

As we use Hero in more scenarios we find the need for expanded support
of what types of content can be passed to these props.

src/components/Hero/Hero.tsx

@@ -6,15 +6,15 @@ import { useBackgroundImage } from './useBackgroundImage';
 
 interface HeroProperties extends React.HTMLAttributes<HTMLDivElement> {
   backgroundColor?: string;
-  heading?: string;
+  heading?: React.ReactNode;
   headingLevel?: HeadingLevel;
   image?: string;
   imageAltText?: string;
   imageIsPhoto?: boolean;
   is5050?: boolean;
   isJumbo?: boolean;
   isKnockout?: boolean;
-  subheading?: string;
+  subheading?: React.ReactNode;
   subheadingLevel?: HeadingLevel;
   textColor?: string;
 }
@@ -38,7 +38,7 @@ export default function Hero({
   className,
   ...properties
 }: HeroProperties): JSX.Element {
-  const addWrapperImage = imageIsPhoto || isJumbo || is5050;
+  const addWrapperImage = imageIsPhoto ?? isJumbo ?? is5050;
   const wrapperReference = useBackgroundImage(image, addWrapperImage);
 
   const heroStyles = { backgroundColor };