import type { ReactNode } from 'react'

export type ParentParitySpec = {
  title: string
  /** File name under `app/Views/parent/` (e.g. `calendar.php`). */
  ciViewFile: string
  legacyCiRoutes?: string[]
}

type ShellProps = ParentParitySpec & {
  children?: ReactNode
  fullWidth?: boolean
}

export function ParentParityShell({
  title,
  children,
  fullWidth = false,
}: ShellProps) {
  return (
    <div>
      <div className="text-center mb-3">
        <h2 className="h4 text-success" style={{ fontFamily: 'Arial, sans-serif' }}>
          {title}
        </h2>
       
      </div>

      <div className="row g-3">
        
        <div className={fullWidth ? 'col-12' : 'col-lg-9'}>
          {children}
        </div>
      </div>      
    </div>
  )
}
