import type { Metadata, Viewport } from 'next'
import './globals.css'
import { SurveyHeader } from '@/components/survey-header'
import { SurveyFooter } from '@/components/survey-footer'

export const metadata: Metadata = {
  title: 'Mapeo de Cuidadores',
  description:
    'Encuesta anónima de mapeo de colaboradores con rol de cuidador en la empresa. ' +
    'Tu información es confidencial y no te identifica personalmente.',
  robots: 'noindex, nofollow', // Encuesta interna — no indexar
}

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="es">
      <body>
        <SurveyHeader />
        <div className="layout-content">{children}</div>
        <SurveyFooter />
      </body>
    </html>
  )
}
