@while-and-for/tremor-react/dist/components/input-elements/Tabs/TabList.cjs

The React library to build dashboards faster.

'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("../../../lib/shape.cjs"),a=require("../../../lib/spacing.cjs"),o=require("../../../lib/utils.cjs"),s=require("../../../lib/tremorTwMerge.cjs"),l=require("../../../contexts/BaseColorContext.cjs");require("../../../contexts/IndexContext.cjs"),require("../../../contexts/RootStylesContext.cjs"),require("../../../contexts/SelectedValueContext.cjs");var i=require("@headlessui/react");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=c(r);const u=o.makeClassName("TabList"),d=r.createContext("line"),b={line:s.tremorTwMerge("flex","border-tremor-border","dark:border-dark-tremor-border",a.spacing.twoXl.spaceX,t.border.sm.bottom),solid:s.tremorTwMerge("inline-flex p-1 rounded-tremor-default","bg-tremor-background-subtle","dark:bg-dark-tremor-background-subtle",a.spacing.xs.spaceX)},m=n.default.forwardRef(((r,t)=>{const{color:a,variant:o="line",children:c,className:m}=r,f=e.__rest(r,["color","variant","children","className"]);return n.default.createElement(i.Tab.List,Object.assign({ref:t,className:s.tremorTwMerge(u("root"),"justify-start overflow-x-clip",b[o],m)},f),n.default.createElement(d.Provider,{value:o},n.default.createElement(l.Provider,{value:a},c)))}));m.displayName="TabList",exports.TabVariantContext=d,exports.default=m;