import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { Root as $69cb30bb0017df05$export$be92b6f5f03c0fe9, List as $69cb30bb0017df05$export$54c2e3dc7acea9f5, Trigger as $69cb30bb0017df05$export$41fb9f06171c75f4, Content as $69cb30bb0017df05$export$7c6e2c02157bb7d2 } from '../../node_modules/.pnpm/@radix-ui_react-tabs@1.0.4_@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';
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';

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($69cb30bb0017df05$export$be92b6f5f03c0fe9, { ref: ref, className: root({ className }), "aria-label": ariaLabel || "Tabs", ...props })));
const TabsList = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($69cb30bb0017df05$export$54c2e3dc7acea9f5, { ref: ref, role: "tablist", className: list({ className }), ...props })));
const TabsTrigger = forwardRef(({ className, icon, children, disabled, ...props }, ref) => (jsxRuntimeExports.jsxs($69cb30bb0017df05$export$41fb9f06171c75f4, { 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($69cb30bb0017df05$export$7c6e2c02157bb7d2, { ref: ref, role: "tabpanel", className: content({ className }), ...props })));
TabsRoot.displayName = $69cb30bb0017df05$export$be92b6f5f03c0fe9.displayName;
TabsList.displayName = $69cb30bb0017df05$export$54c2e3dc7acea9f5.displayName;
TabsTrigger.displayName = $69cb30bb0017df05$export$41fb9f06171c75f4.displayName;
TabsContent.displayName = $69cb30bb0017df05$export$7c6e2c02157bb7d2.displayName;
const Tabs = {
    Root: TabsRoot,
    List: TabsList,
    Trigger: TabsTrigger,
    Content: TabsContent,
};

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