import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import styles from './tabs.module.css.js';
import { Root as Root2, List, Trigger, Content } from '../../node_modules/.pnpm/@radix-ui_react-tabs@1.1.12_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-tabs/dist/index.js';

const root = cva(styles.root);
const list = cva(styles.list);
const trigger = cva(styles.trigger);
const content = cva(styles.content);
const TabsRoot = forwardRef(({ className, 'aria-label': ariaLabel, ...props }, ref) => (jsxRuntimeExports.jsx(Root2, { ref: ref, className: root({ className }), "aria-label": ariaLabel || 'Tabs', ...props })));
const TabsList = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(List, { ref: ref, role: 'tablist', className: list({ className }), ...props })));
const TabsTrigger = forwardRef(({ className, icon, children, disabled, ...props }, ref) => (jsxRuntimeExports.jsxs(Trigger, { ref: ref, className: trigger({ className }), disabled: disabled, "aria-disabled": disabled, ...props, children: [icon && jsxRuntimeExports.jsx("span", { className: styles['trigger-icon'], children: icon }), children] })));
const TabsContent = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Content, { ref: ref, role: 'tabpanel', className: content({ className }), ...props })));
TabsRoot.displayName = Root2.displayName;
TabsList.displayName = List.displayName;
TabsTrigger.displayName = Trigger.displayName;
TabsContent.displayName = Content.displayName;
const Tabs = {
    Root: TabsRoot,
    List: TabsList,
    Trigger: TabsTrigger,
    Content: TabsContent
};

export { Tabs };
//# sourceMappingURL=tabs.js.map
