'use client';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { SignIn } from './components/sign-in';

export default function LoginPage() {
  return (
    <>
      <div className="flex w-full flex-col gap-6 p-5 items-center justify-center">
        <div className="w-1/2">
          <Tabs defaultValue="login">
            <TabsList>
              <TabsTrigger value="login">Login</TabsTrigger>
              <TabsTrigger value="register">Registrar</TabsTrigger>
            </TabsList>
            <TabsContent value="login" className="w-full">
              <SignIn />
            </TabsContent>
          </Tabs>
        </div>
      </div>
    </>
  );
}