import { Head, usePage } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Button } from '@/components/ui/button'; import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'; 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; tooltip?: string; } 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) => { // Determine button size based on whether it has a label const hasLabel = action.label && action.label.trim() !== ''; const buttonSize = hasLabel ? 'sm' : 'icon'; const buttonElement = ( ); // Wrap with tooltip if tooltip text is provided if (action.tooltip && action.tooltip.trim() !== '') { return ( {buttonElement}

{action.tooltip}

 ); } // Return button without tooltip return {buttonElement}; })}
)}
{/* Content */}
{children}
); }