import { Metadata } from 'next';
import SignIn from '../_components/sign-in-form';
import { PublicLayout } from '@/components/layout/public/public-layout';

export const metadata: Metadata = {
  title: 'Authentication | Sign In',
  description: 'Sign In page for authentication.'
};

type Props = {
  searchParams: Promise<{
    callbackURL?: string;
  }>;
};

export default async function Page({ searchParams }: Props) {
  const { callbackURL } = await searchParams;

  return (
    <PublicLayout showHeader={false}>
      <div className='flex flex-col items-center justify-center'>
        <div className='w-full max-w-lg'>
          <SignIn callbackURL={callbackURL} />
        </div>
      </div>
    </PublicLayout>
  );
}