@bothub-chat/ui/dist/components/slider/styled.js

Bothub UI Components

import{styled as e,css as t}from"styled-components";import{Scrollbar as i}from"../scrollbar/index.js";const o=e.div.withConfig({displayName:"styled__SliderContainer",componentId:"sc-5w9m4p-0"})(["width:100%;position:relative;"]),r=e(i).withConfig({displayName:"styled__SliderWrapper",componentId:"sc-5w9m4p-1"})(["display:flex;gap:","px;scrollbar-width:none;"],({$gap:e})=>e),n=e.div.withConfig({displayName:"styled__SliderArrow",componentId:"sc-5w9m4p-2"})(["height:100%;position:absolute;z-index:2;top:0;transition:opacity 0.2s;pointer-events:none;",";",";",";svg{position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(90deg);",";",";}"],({$isLeftArrow:e=!0})=>t(e?["left:-1px;"]:["right:-1px;transform:rotate(180deg);"]),({$arrowsSize:e})=>{switch(e){case"sm":return t(["width:122px;background:",";"],({theme:e})=>"light"===e.mode?"linear-gradient(-90deg, #F5F6F700 0%, #F5F6F7 100%)":"linear-gradient(-90deg, #12182500 0%, #121825 100%)");case"md":return t(["width:80px;background:",";"],({theme:e})=>"light"===e.mode?"linear-gradient(-90deg, #F5F6F700 0%, #F5F6F7 100%)":"linear-gradient(-90deg, #0e0c1500 0%, #0e0c15 100%)")}},({$hidden:e})=>e&&t(["opacity:0;pointer-events:none;"]),({$arrowsSize:e})=>{switch(e){case"sm":return t(["width:18px;height:18px;"]);case"md":return t(["width:24px;height:24px;"])}},({theme:e})=>"light"===e.mode&&t(["path{stroke:",";}"],({theme:e})=>e.colors.grayScale.gray1)),a=e.button.withConfig({displayName:"styled__SliderIconContainer",componentId:"sc-5w9m4p-3"})(["all:unset;cursor:pointer;pointer-events:all;"]);export{n as SliderArrow,o as SliderContainer,a as SliderIconContainer,r as SliderWrapper};