Tabs

import { Tabs, TabsList, TabsTrigger, TabsContent } from "@sparrowengg/twigs-react";

const TabsExample = () => {
  return (
    <Tabs defaultValue="account">
      <TabsList aria-label="Account settings">
        <TabsTrigger value="account">Account</TabsTrigger>
        <TabsTrigger value="password">Password</TabsTrigger>
      </TabsList>
      
      <TabsContent value="account">
        <Box css={{ padding: "$6" }}>
          <Text>Make changes to your account here.</Text>
        </Box>
      </TabsContent>
      
      <TabsContent value="password">
        <Box css={{ padding: "$6" }}>
          <Text>Change your password here.</Text>
        </Box>
      </TabsContent>
    </Tabs>
  );
};