@bothub-chat/ui/dist/components/scrollbar/shadow/index.js

Bothub UI Components

import{__rest as o}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useTransition as t}from"@react-spring/web";import{ScrollbarShadowStyled as r,ScrollbarShadowContent as e}from"./styled.js";import{useScrollbar as l}from"../context.js";import"../../../theme/index.js";import{useTheme as s}from"../../../theme/hook.js";const d=d=>{var a,n,m,c,{side:h}=d,p=o(d,["side"]);const g=s(),{scrollbarSize:b,scrollShadows:f,disabled:u,isLeft:v,isRight:j,isTop:y,isBottom:$}=l(),w=null!==(n=null!==(a=p.size)&&void 0!==a?a:null==f?void 0:f.size)&&void 0!==n?n:60,x=null!==(c=null!==(m=p.color)&&void 0!==m?m:null==f?void 0:f.color)&&void 0!==c?c:g.colors.grayScale.gray4,z="left"===h,S="right"===h,k="top"===h,O="bottom"===h,B={opacity:0};z||S?B.width=0:(k||O)&&(B.height=0);z||S?B.width=w:(k||O)&&(B.height=w);return t(v&&z||j&&S||y&&k||$&&O,{from:B,enter:{opacity:1},leave:B})(((o,t)=>t&&i(r,{$side:h,$scrollbarSize:b,$disabled:u,children:i(e,{style:Object.assign(Object.assign({},o),{background:`linear-gradient(to ${h}, rgba(0, 0, 0, 0), ${x})`})})})))};export{d as ScrollbarShadow};