import AuthenticatedLayout from '@/layouts/AuthenticatedLayout'; import type { PageProps } from '@/types'; import { Head } from '@inertiajs/react'; interface HeroContent { id: number; title: string; subtitle: string | null; description: string | null; image_path: string; button_text: string | null; button_link: string | null; is_active: boolean; created_at: string; updated_at: string; } export default function HeroContentShow({ auth, heroContent }: PageProps<{ heroContent: HeroContent }>) { return ( Hero Content Details}>

{heroContent.title}

Subtitle: {heroContent.subtitle}

{heroContent.image_path && (
{heroContent.title}
)} {heroContent.button_text && (

Button Text: {heroContent.button_text}

)} {heroContent.button_link && (

Button Link:{' '} {heroContent.button_link}

)}

Active: {heroContent.is_active ? 'Yes' : 'No'}

{heroContent.description && (
Description:
)}
); }