import { type BreadcrumbItem, type SharedData } from '@/types'; import { Head, usePage } from '@inertiajs/react'; import { Form, FormField } from '@/components/form'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import SettingsLayout from '@/layouts/settings/layout'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Profile settings', href: route('settings.profile.edit'), }, ]; export default function Profile({ mustVerifyEmail, status }: { mustVerifyEmail: boolean; status?: string }) { const { auth, tab } = usePage().props; const handleSubmit = () => { console.log('object'); }; return (
Dashboard Settings Configure how you set Elements.
{/* Header with title and toggle */}

Productivity

Permission

{/* Platform availability checkbox */}
); }