@llamaindex/ui
Version:
A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications
35 lines (32 loc) • 1.38 kB
JavaScript
import { cn } from './chunk-MG2ARK3A.mjs';
import { __objRest, __spreadProps, __spreadValues } from './chunk-FWCSY2DS.mjs';
import * as SwitchPrimitive from '@radix-ui/react-switch';
import { jsx } from 'react/jsx-runtime';
function Switch(_a) {
var _b = _a, {
className
} = _b, props = __objRest(_b, [
"className"
]);
return /* @__PURE__ */ jsx(
SwitchPrimitive.Root,
__spreadProps(__spreadValues({
"data-slot": "switch",
className: cn(
"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
className
)
}, props), {
children: /* @__PURE__ */ jsx(
SwitchPrimitive.Thumb,
{
"data-slot": "switch-thumb",
className: cn(
"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
)
}
)
})
);
}
export { Switch };