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

Bothub UI Components

import{styled as t,css as e}from"styled-components";import{animated as o}from"@react-spring/web";import{adaptive as i}from"../../../adaptive/index.js";const s=t.span.withConfig({displayName:"styled__ScrollbarShadowStyled",componentId:"sc-mta907-0"})(["display:inline-flex;position:absolute;z-index:",";pointer-events:none;overflow:hidden;"," "," ",""],(({theme:t})=>t.zIndex.scrollbarShadow),(({$side:t})=>{switch(t){case"left":case"top":return e(["top:0px;left:0px;"]);case"right":return e(["top:0px;right:0px;"]);case"bottom":return e(["bottom:0px;left:0px;"])}}),(({$side:t,$scrollbarSize:o,$disabled:i})=>{if(i)switch(t){case"left":case"right":return e(["height:100%;"]);case"top":case"bottom":return e(["width:100%;"])}switch(t){case"left":case"right":return e(["height:calc(100% - ","px);"],o);case"top":case"bottom":return e(["width:calc(100% - ","px);"],o)}}),i((({$side:t})=>{switch(t){case"left":case"right":return{touch:e(["height:100%;"])};case"top":case"bottom":return{touch:e(["width:100%;"])}}}))),r=t(o.span).withConfig({displayName:"styled__ScrollbarShadowContent",componentId:"sc-mta907-1"})(["display:inline-flex;position:relative;width:100%;height:100%;"]);export{r as ScrollbarShadowContent,s as ScrollbarShadowStyled};