Tabs

import { Tabs, TabsList, TabsPanel, TabsTab } from "@/components/ui/tabs"

export default function TabsDemo() {
  return (
    <Tabs defaultValue="street" className="w-72">
      <TabsList>
        <TabsTab value="street">Street</TabsTab>
        <TabsTab value="studio">Studio</TabsTab>
        <TabsTab value="garden">Garden</TabsTab>
      </TabsList>
      <TabsPanel value="street" className="text-sm text-dim">
        Three shopfronts in the rain.
      </TabsPanel>
      <TabsPanel value="studio" className="text-sm text-dim">
        One desk, one lamp, one rug.
      </TabsPanel>
      <TabsPanel value="garden" className="text-sm text-dim">
        Lanterns on a wire.
      </TabsPanel>
    </Tabs>
  )
}