TabsSwitch between related content panels.

import Tabs, { Tab } from '@/components/Tabs';
export function Example() {  return (    <Tabs>      <Tab $title="Lorem" $selected>Lorem ipsum dolor sit amet.</Tab>      <Tab $title="Ipsum">Consectetur adipiscing elit.</Tab>    </Tabs>  );}

import Tabs, { Tab } from '@/components/Tabs';
export function Example() {  return (    <Tabs $type="colored">      <Tab $title="Lorem" $color="blue" $selected>Lorem ipsum dolor sit amet.</Tab>      <Tab $title="Ipsum" $color="green">Consectetur adipiscing elit.</Tab>      <Tab $title="Dolor" $color="amber">Sed do eiusmod tempor incididunt.</Tab>      <Tab $title="Sit" $color="purple">Ut labore et dolore magna aliqua.</Tab>    </Tabs>  );}