@bothub-chat/ui/dist/components/tab/list/styled.js

Bothub UI Components

import{jsx as i}from"react/jsx-runtime";import{styled as e,css as o}from"styled-components";import{adaptive as s}from"../../../adaptive/index.js";import{Scrollbar as t}from"../../scrollbar/index.js";import{ScrollbarShadow as l}from"../../scrollbar/shadow/index.js";const a=e.div.withConfig({displayName:"styled__TabsStyled",componentId:"sc-37f6ih-0"})(["display:flex;width:100%;"]),d=e.div.withConfig({displayName:"styled__TabDesktopList",componentId:"sc-37f6ih-1"})([""," gap:18px;flex-wrap:wrap;"],s((()=>({merge:!0,desktop:o`
      display: flex;
    `,mobile:o`
      display: none;
    `})))),p=e.div.withConfig({displayName:"styled__TabMobileList",componentId:"sc-37f6ih-2"})(["",""],s((()=>({merge:!0,desktop:o`
      display: none;
    `,mobile:o`
      display: flex;
      width: 100%;
    `})))),r=e(t).attrs((({theme:e})=>({variant:"secondary",scrollShadows:{color:e.colors.base.black,left:i(l,{side:"left"}),right:i(l,{side:"right"})}}))).withConfig({displayName:"styled__TabMobileListScrollbarWrapper",componentId:"sc-37f6ih-3"})([""]),n=e.div.withConfig({displayName:"styled__TabMobileListContent",componentId:"sc-37f6ih-4"})(["display:flex;flex-shrink:0;gap:18px;"]);export{d as TabDesktopList,p as TabMobileList,n as TabMobileListContent,r as TabMobileListScrollbarWrapper,a as TabsStyled};