Tabs

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

export function AccountTabs() {
  return (
    <Tabs defaultValue="profile">
      <TabsList>
        <TabsTrigger value="profile">Profile</TabsTrigger>
        <TabsTrigger value="billing">Billing</TabsTrigger>
        <TabsTrigger value="notifications">Notifications</TabsTrigger>
      </TabsList>
      <TabsContent value="profile">Your name, photo and bio.</TabsContent>
      <TabsContent value="billing">Your plan and invoices.</TabsContent>
      <TabsContent value="notifications">What we email you about.</TabsContent>
    </Tabs>
  );
}