import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import Layout from '@/layouts/client/layout'; import { useTranslations } from '@/utils/i18n'; import { Head } from '@inertiajs/react'; export default function Product({ product, }: { product: [{ title: string; type: string; image_url: string }]; }) { const { t } = useTranslations(); return ( <>

{t('pages.product.sections.first.title')}

{t('pages.product.sections.first.tab1')} {t('pages.product.sections.first.tab2')} {t('pages.product.sections.first.tab3')}

{product.map((e, index) => e.type === 'traditional' ? ( {e.title}

) : null, )}

{product.map((e, index) => e.type === 'modern' ? ( {e.title}

) : null, )}

{product.map((e, index) => e.type === 'abstract' ? ( {e.title}

) : null, )}

{t('pages.product.sections.second.title')}

{t('pages.product.sections.second.desc')}

{product.map((e, index) => e.type === 'art' ? ( {e.title}

) : null, )}

); }