\n {!data.showBreadcrumb && (\n
\n )}\n\n {data.showBreadcrumb &&\n (data.variant === 'Large' ||\n data.variant === 'Screen Height') && (\n
\n {(data?.breadcrumb?.length || 0) > 0\n ? data.breadcrumb?.map((item, index) => (\n \n \n {item?.text || 'No text available'}\n \n {index < (data?.breadcrumb?.length || 0) - 1 && (\n /\n )}\n \n ))\n : 'Breadcrumbs generated automatically'}\n {data.headline && (\n \n /\n {data.headline?.text}\n \n )}\n
\n )}\n\n {/* Headline and Shape Options for Large and Small Variants */}\n
\n {/* Headline Container: Only show for Large variant */}\n {(data.variant === 'Large' || data.variant === 'Screen Height') &&\n data.headline && (\n
\n \n {data.headline?.text}\n \n
\n )}\n\n {/* Shape Options Container: Positioned at the end of the second column */}\n {!data?.homeButton && (\n
\n \n
\n )}\n {data?.homeButton && (\n
\n \n Return to Home\n \n
\n )}\n
\n
\n\n {/* Arrow for Large Variant (Desktop Only) */}\n {(data.variant === 'Large' || data.variant === 'Screen Height') &&\n data.arrow && (\n