import RegisterForm from '@/components/RegisterForm';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';

export default function RegisterYourChild() {
  return (
    <section>
      <Tabs defaultValue="account" className="flex flex-col items-center ">
        <TabsList className="flex justify-center w-fit">
          <TabsTrigger value="account" className="font-semibold">
            Onsite
          </TabsTrigger>
          <TabsTrigger value="password" className="font-semibold">
            Online
          </TabsTrigger>
        </TabsList>
        <TabsContent value="account" className="w-full">
          <RegisterForm formName="register Spark Onsite" />
        </TabsContent>
        <TabsContent value="password" className="w-full">
          <RegisterForm formName="register Spark Online" />
        </TabsContent>
      </Tabs>
    </section>
  );
}