import { Head, Link } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { ArrowLeft } from 'lucide-react'; import { ProjectSettingsPanel } from '@/components/Project/ProjectSettingsPanel'; import type { FirebaseConfig } from '@/types/storage'; interface Project { id: string; name: string; subdomain: string | null; published_title: string | null; published_description: string | null; published_visibility: string; share_image: string | null; custom_instructions: string | null; api_token: string | null; custom_domain: string | null; custom_domain_verified: boolean; custom_domain_ssl_status: string | null; } interface SubdomainUsage { used: number; limit: number | null; unlimited: boolean; remaining: number; } interface FirebaseSettings { enabled: boolean; canUseOwnConfig: boolean; usesSystemFirebase: boolean; customConfig: FirebaseConfig | null; systemConfigured: boolean; collectionPrefix: string; adminSdkConfigured: boolean; adminSdkStatus: { configured: boolean; is_system: boolean; project_id: string | null; client_email: string | null; }; } interface StorageSettings { enabled: boolean; usedBytes: number; limitMb: number | null; unlimited: boolean; } interface CustomDomainUsage { used: number; limit: number | null; unlimited: boolean; remaining: number; } interface CustomDomainSettings { enabled: boolean; canCreateMore: boolean; usage: CustomDomainUsage; baseDomain: string | null; } interface SettingsProps { project: Project; baseDomain: string; canUseSubdomains: boolean; canCreateMoreSubdomains: boolean; canUsePrivateVisibility: boolean; subdomainUsage: SubdomainUsage; suggestedSubdomain: string; firebase?: FirebaseSettings; storage?: StorageSettings; customDomain?: CustomDomainSettings; subdomainsGloballyEnabled?: boolean; customDomainsGloballyEnabled?: boolean; } export default function Settings({ project, baseDomain, canUseSubdomains, canCreateMoreSubdomains, canUsePrivateVisibility, subdomainUsage, suggestedSubdomain, firebase, storage, customDomain, subdomainsGloballyEnabled, customDomainsGloballyEnabled, }: SettingsProps) { return ( <>
{/* Header */}

{project.name}

Project Settings

{/* Shared settings panel */}
); }