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

Bothub UI Components

import{styled as e,css as t}from"styled-components";const i=e.div.withConfig({displayName:"styled__ThemeSwitcherStyled",componentId:"sc-xq1ohn-0"})(["display:inline-flex;width:fit-content;overflow:hidden;align-items:center;cursor:pointer;background:",";border:none;border-radius:200px;padding:2px;"],({theme:e})=>e.colors.grayScale.gray3),n=e.span.withConfig({displayName:"styled__ThemeSwitcherList",componentId:"sc-xq1ohn-1"})(["display:flex;align-items:center;gap:8px;width:100%;position:relative;"]),o=e.button.withConfig({displayName:"styled__ThemeSwitcherItem",componentId:"sc-xq1ohn-2"})(["all:unset;display:inline-flex;position:relative;border-radius:12px;width:100%;padding:6px;"]),a=e.span.withConfig({displayName:"styled__ThemeSwitcherItemBackground",componentId:"sc-xq1ohn-3"})(["display:inline-flex;position:absolute;top:0px;bottom:0px;left:0px;height:100%;aspect-ratio:1 / 1;border:1px solid ",";border-radius:50%;background:",";",";transform:translateX(-50%);transition:all 0.2s ease-out;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray4,({$mode:e})=>{switch(e){case"light":return t`
          left: 20px;
        `;case"dark":return t`
          left: 50%;
        `;case"system":return t`
          left: calc(100% - 21px);
        `}}),s=e.span.withConfig({displayName:"styled__ThemeSwitcherItemContent",componentId:"sc-xq1ohn-4"})(["display:inline-flex;position:relative;padding:4px;width:100%;justify-content:center;"]);export{o as ThemeSwitcherItem,a as ThemeSwitcherItemBackground,s as ThemeSwitcherItemContent,n as ThemeSwitcherList,i as ThemeSwitcherStyled};