import { Metadata } from 'next'
import React from 'react'

export const metadata: Metadata = {
  title: 'IESTP [Nombre del IESTP]',
  description: '[Description]',
}

export default function AuthLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <div className="relative flex min-h-screen bg-primary-10">
      <div className="hidden lg:block lg:w-3/5">
        <img
          src="/img/login_image.webp"
          alt={`Sistema Integral de Gestión Académica ${metadata.title}`}
          className="object-cover w-full h-full"
        />
      </div>
      <div className="flex items-center justify-center w-full p-8 lg:w-2/5 bg-white bg-opacity-80">
        <div className="w-full max-w-md p-8 space-y-6 bg-white rounded shadow-md">
          {children}
        </div>
      </div>
    </div>
  )
}