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

Bothub UI Components

import{styled as o,css as e}from"styled-components";import{animated as t}from"@react-spring/web";import{Button as n}from"../button/index.js";import{adaptive as i}from"../../adaptive/index.js";import{Scrollbar as p}from"../scrollbar/index.js";const d=o.div.withConfig({displayName:"styled__MenuDropdownStyled",componentId:"sc-1ofgtzp-0"})([""]),r=o(n).withConfig({displayName:"styled__MenuDropdownToggleButton",componentId:"sc-1ofgtzp-1"})(["margin-left:0px;svg{pointer-events:none;}"]),a=o(t.div).withConfig({displayName:"styled__MenuDropdownBlock",componentId:"sc-1ofgtzp-2"})(["display:flex;position:absolute;width:fit-content;z-index:",";top:60px;left:16px;background:",";border:1px solid ",";border-radius:12px;overflow:hidden;padding:16px;padding-right:8px;transform-origin:top center;",""],({theme:o})=>o.zIndex.menu,({theme:o})=>o.colors.base.black,({theme:o})=>o.colors.grayScale.gray3,i({variant:"dashboard",merge:!0,desktop:e`
      right: 9px;
    `,tablet:e`
      right: 7px;
    `})),s=o(p).attrs({variant:"secondary"}).withConfig({displayName:"styled__MenuDropdownBlockScrollbarWrapper",componentId:"sc-1ofgtzp-3"})(["width:100%;padding-right:8px;@media (max-height:720px){max-height:400px;}"]),l=o.div.withConfig({displayName:"styled__MenuDropdownBlockContent",componentId:"sc-1ofgtzp-4"})([""]);o.nav.withConfig({displayName:"styled__MenuDropdownNav",componentId:"sc-1ofgtzp-5"})(["display:flex;flex-direction:column;gap:20px;"]);export{a as MenuDropdownBlock,l as MenuDropdownBlockContent,s as MenuDropdownBlockScrollbarWrapper,d as MenuDropdownStyled,r as MenuDropdownToggleButton};