@kadoui/react
Version:
Kadoui primitive components for React
12 lines (11 loc) • 413 B
JavaScript
"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { use } from "react";
import { TabsContext } from "./TabsContext";
export function TabsTab({ value, onClick, ...p }) {
const { activeTab, setActiveTab } = use(TabsContext);
return (_jsx("button", { "data-state": value === activeTab, onClick: (ev) => {
onClick?.(ev);
setActiveTab(value);
}, ...p }));
}