import { Head, usePage } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Button } from '@/components/ui/button'; import { ReactNode } from 'react'; import { FloatingChatGpt } from '@/components/FloatingChatGpt'; export interface PageAction { label: string; icon?: ReactNode; variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'; onClick?: () => void; } export interface PageTemplateProps { title: string; description: string; url: string; actions?: PageAction[]; children: ReactNode; noPadding?: boolean; breadcrumbs?: BreadcrumbItem[]; } export function PageTemplate({ title, description, url, actions, children, noPadding = false, breadcrumbs }: PageTemplateProps) { // Default breadcrumbs if none provided const pageBreadcrumbs: BreadcrumbItem[] = breadcrumbs || [ { title, href: url, }, ]; return (
{/* Header with action buttons */}

{title}

{actions && actions.length > 0 && (
{actions.map((action, index) => ( ))}
)}
{/* Content */}
{children}
); }