import SwipeableTabs from "@/components/ui/swipeable-tabs";

<SwipeableTabs
    tabs={[
      { label: "Tab 1", content: <div className="p-4 bg-yellow-600 rounded font-bold px-2">TAB 1</div> },
      { label: "Tab 2", content: <div className="p-4 bg-purple-600 rounded font-bold px-2">TAB 2</div> },
      { label: "Tab 3", content: <div className="p-4 bg-emerald-600 rounded font-bold px-2">TAB 3</div> },
    ]}
    onTabChange={(index, label) => console.log(`Tab Changed: Index=${index}, Label=${label}`)}
/>