@bothub-chat/ui/dist/components/switcher-select/styled.js

Bothub UI Components

import{styled as o}from"styled-components";import{Typography as e}from"../typography/index.js";const t=o.div.withConfig({displayName:"styled__SwitcherContainer",componentId:"sc-194ajzh-0"})(["display:inline-flex;position:relative;background-color:",";border-radius:25px;padding:2px 4px;width:fit-content;"],({theme:o})=>o.colors.grayScale.gray3),i=o(e).attrs({forwardedAs:"button",variant:"button-sm"}).withConfig({displayName:"styled__SwitcherOption",componentId:"sc-194ajzh-1"})(["position:relative;z-index:2;padding:2px 12px;cursor:pointer;user-select:none;font-size:14px;background-color:transparent;color:",";transition:color 0.3s ease;border-radius:20px;white-space:nowrap;outline:none;"],({theme:o})=>o.colors.base.white),r=o.div.withConfig({displayName:"styled__SwitcherSlider",componentId:"sc-194ajzh-2"})(["position:absolute;top:4px;height:calc(100% - 8px);background-color:",";border-radius:20px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);"],({theme:o})=>o.colors.accent.primary);export{t as SwitcherContainer,i as SwitcherOption,r as SwitcherSlider};