13 lines
470 B
TypeScript
13 lines
470 B
TypeScript
import { useState } from "react";
|
|
import Tabs from "./Tabs";
|
|
|
|
export default function TabsContainer({ items, selected }: { items: { name: string; render: React.ReactNode }[]; selected?: number }) {
|
|
const [selectedTab, setSelectedTab] = useState(selected ?? 0);
|
|
return (
|
|
<div className="space-y-2">
|
|
<Tabs asLinks={false} tabs={items} selectedTab={selectedTab} onSelected={(idx) => setSelectedTab(idx)} />
|
|
{items[selectedTab].render}
|
|
</div>
|
|
);
|
|
}
|