import { AvatarCustomization } from "@/components/avatarcustomization/page";
import ChunithmScorePlaylog from "@/components/scoreplaylog/page";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";

const ChunithmPage = () => {
  return (
    <div className="p-10">
      <Tabs defaultValue="scores">
        <TabsList>
          <TabsTrigger value="scores">Scores</TabsTrigger>
          <TabsTrigger value="customize">Customize</TabsTrigger>
        </TabsList>
        <TabsContent value="scores">
          <ChunithmScorePlaylog />
        </TabsContent>
        <TabsContent value="customize">
          <div className="p-10">
            <AvatarCustomization />
          </div>
        </TabsContent>
      </Tabs>
    </div>
  );
};

export default ChunithmPage;