import React from 'react'; import { Head } from '@inertiajs/react'; interface InstallLayoutProps { children: React.ReactNode; title: string; step?: number; } export default function InstallLayout({ children, title, step }: InstallLayoutProps) { const steps = [ { number: 1, name: 'Requirements' }, { number: 2, name: 'Database' }, { number: 3, name: 'Admin Setup' }, ]; return ( <>

{/* Header */}

Teleman AI Installation

Follow the steps below to set up your application

{/* Steps Indicator */} {step && (

{steps.map((s, index) => (

{s.number < step ? '✓' : s.number}

{s.name}

{index < steps.length - 1 && (

)} ))}

)} {/* Main Content */}

{children}

{/* Footer */}

); }