@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 1.01 kB
JavaScript
import {a}from'./chunk-JUNHRB4B.js';import {ScrollArea}from'radix-ui';import {jsx,jsxs}from'react/jsx-runtime';function s({className:l,orientation:r="vertical",...e}){return jsx(ScrollArea.ScrollAreaScrollbar,{"data-slot":"scroll-area-scrollbar",orientation:r,className:a("flex touch-none p-px transition-colors select-none",r==="vertical"?"h-full w-2.5 border-l border-l-transparent":"",r==="horizontal"?"h-2.5 flex-col border-t border-t-transparent":"",l),...e,children:jsx(ScrollArea.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded"})})}function d({className:l,children:r,...e}){return jsxs(ScrollArea.Root,{"data-slot":"scroll-area",className:a("relative",l),...e,children:[jsx(ScrollArea.Viewport,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring focus-visible:outline-1",children:r}),jsx(s,{}),jsx(ScrollArea.Corner,{})]})}export{s as a,d as b};