@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS
2 lines • 775 B
JavaScript
import{a as e}from"../constants-CW2-utNH.js";import{r as t}from"../helpers-DBEwVIlX.js";import{GROUP_NAME as n}from"./ScrollArea.constants.js";import{forwardRef as r}from"react";import i from"lodash/fp/omit.js";import{jsx as a}from"react/jsx-runtime";const o=r(({children:r,contentClassName:o,horizontal:s=!0,scrollbarOnHover:c=!0,vertical:l=!0,...u},d)=>a(`div`,{ref:d,className:t(`${e}-${n}`,l&&s?`overflow-auto`:``,l&&!s?`overflow-y-auto`:``,!l&&s?`overflow-x-auto`:``,c?`sm:invisible sm:transition-[visibility] sm:duration-600 sm:hover:visible sm:focus:visible`:``,u.className),...i([`className`],u),children:a(`div`,{className:t(`w-fit sm:visible`,o),children:r})}));o.displayName=`ScrollArea`;export{o as ScrollArea,o as default};
//# sourceMappingURL=ScrollArea.js.map