@while-and-for/tremor-react
Version:
The React library to build dashboards faster.
3 lines (2 loc) • 1.2 kB
JavaScript
'use client';
import{__rest as e}from"tslib";import r,{createContext as t}from"react";import{border as o}from"../../../lib/shape.js";import{spacing as s}from"../../../lib/spacing.js";import{makeClassName as a}from"../../../lib/utils.js";import{tremorTwMerge as i}from"../../../lib/tremorTwMerge.js";import l from"../../../contexts/BaseColorContext.js";import"../../../contexts/IndexContext.js";import"../../../contexts/RootStylesContext.js";import"../../../contexts/SelectedValueContext.js";import{Tab as m}from"@headlessui/react";const n=a("TabList"),c=t("line"),d={line:i("flex","border-tremor-border","dark:border-dark-tremor-border",s.twoXl.spaceX,o.sm.bottom),solid:i("inline-flex p-1 rounded-tremor-default","bg-tremor-background-subtle","dark:bg-dark-tremor-background-subtle",s.xs.spaceX)},b=r.forwardRef(((t,o)=>{const{color:s,variant:a="line",children:b,className:p}=t,f=e(t,["color","variant","children","className"]);return r.createElement(m.List,Object.assign({ref:o,className:i(n("root"),"justify-start overflow-x-clip",d[a],p)},f),r.createElement(c.Provider,{value:a},r.createElement(l.Provider,{value:s},b)))}));b.displayName="TabList";export{c as TabVariantContext,b as default};