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

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

export default async function Page({
  params
}: {
  params: Promise<Record<string, never>>;
}) {
  await params; // Consume the params promise
  return (
    <PublicLayout showHeader={false}>
      <div className='flex flex-col items-center justify-center'>
        <div className='w-full max-w-lg'>
          <SignUp />
        </div>
      </div>
    </PublicLayout>
  );
}