@bothub-chat/ui/dist/components/menu-tabs/styled.js

Bothub UI Components

import{jsx as i}from"react/jsx-runtime";import{styled as o,css as e}from"styled-components";import{Scrollbar as t}from"../scrollbar/index.js";import{Typography as r}from"../typography/index.js";import{ScrollbarShadow as a}from"../scrollbar/shadow/index.js";const s=o.div.withConfig({displayName:"styled__MenuTabsStyled",componentId:"sc-i3i054-0"})(["background:inherit;"]),n=o.div.withConfig({displayName:"styled__MenuTabsList",componentId:"sc-i3i054-1"})(["background:inherit;"]),d=o(t).attrs(({theme:o})=>({variant:"secondary",isHorizontalScrollbar:!0,scrollShadows:{color:o.colors.base.black,left:i(a,{side:"left"}),right:i(a,{side:"right"})}})).withConfig({displayName:"styled__MenuTabsWrapper",componentId:"sc-i3i054-2"})(["background:inherit;"]),l=o.div.withConfig({displayName:"styled__MenuTabsContent",componentId:"sc-i3i054-3"})(["display:flex;position:relative;gap:24px;background:inherit;width:fit-content;"]),p=o(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__MenuTabsText",componentId:"sc-i3i054-4"})(["color:",";"],({theme:i})=>i.colors.grayScale.gray6),c=o.div.withConfig({displayName:"styled__MenuTabsItem",componentId:"sc-i3i054-5"})(["padding:8px 10px 16px 10px;background:inherit;width:fit-content;cursor:pointer;position:relative;color:",";",""],({theme:i})=>i.colors.grayScale.gray6,({$active:i,theme:o})=>i?e`
          cursor: default;
        `:e`
          &:hover ${p} {
            transition: all 350ms ease;
            color: ${o.colors.base.white};
          }
          &:hover:before {
            content: '';
            transition: all 350ms ease;
            position: absolute;
            height: 4px;
            left: 0px;
            width: 100%;
            background: ${o.colors.grayScale.gray6};
            border-radius: 0px 0px 24px 24px;
            bottom: 0px;
          }
        `),m=o.div.withConfig({displayName:"styled__MenuTabsLine",componentId:"sc-i3i054-6"})(["position:absolute;width:1px;transition:all 350ms ease;border-radius:0px 0px 24px 24px;background:",";bottom:0px;height:4px;"],({theme:i})=>i.colors.premiumGradient);export{l as MenuTabsContent,c as MenuTabsItem,m as MenuTabsLine,n as MenuTabsList,s as MenuTabsStyled,p as MenuTabsText,d as MenuTabsWrapper};