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

Bothub UI Components

import{styled as e,css as o}from"styled-components";import{animated as r}from"@react-spring/web";import{HeaderNavLinkStyled as i}from"../link/styled.js";import{ArrowDownIcon as t}from"../../../../icons/arrow-down/index.js";const a=e.div.withConfig({displayName:"styled__HeaderNavDropdownStyled",componentId:"sc-u8per5-0"})(["display:flex;flex-direction:column;",""],(({$inMenu:e})=>e&&o(["width:100%;"]))),n=e(t).withConfig({displayName:"styled__HeaderNavDropdownArrow",componentId:"sc-u8per5-1"})(["pointer-events:none;transition:transform 0.2s ease-in-out;"]),d=e(i).withConfig({displayName:"styled__HeaderNavDropdownHead",componentId:"sc-u8per5-2"})(["display:inline-flex;align-items:center;gap:8px;cursor:pointer;"," ",""],(({$active:e})=>e?o(["color:",";> "," path{stroke:",";}"],(({theme:e})=>e.colors.accent.primaryLight),n,(({theme:e})=>e.colors.accent.primaryLight)):o(["&:hover{color:",";> "," path{stroke:",";}}"],(({theme:e})=>e.colors.accent.primary),n,(({theme:e})=>e.colors.accent.primary))),(({$inMenu:e})=>e&&o(["width:100%;justify-content:space-between;"]))),p=e(r.div).withConfig({displayName:"styled__HeaderNavDropdownBody",componentId:"sc-u8per5-3"})([""," will-change:transform,opacity;"],(({theme:e,$inMenu:r})=>r?o(["display:flex;flex-direction:column;align-items:flex-start;background:",";padding:10px;border-radius:6px;margin-top:14px;width:100%;"],e.colors.grayScale.gray3):o(["display:flex;flex-direction:column;align-items:flex-start;background:",";border:1px solid ",";border-radius:17px;padding:20px;position:absolute;margin-top:50px;width:100%;max-width:700px;transform-origin:top left;"],e.colors.grayScale.gray3,e.colors.grayScale.gray2))),s=e.div.withConfig({displayName:"styled__HeaderNavDropdownList",componentId:"sc-u8per5-4"})(["display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:28px;width:100%;@media (max-width:775px){grid-template-columns:1fr;}@media (max-width:","){row-gap:10px;}"],(({theme:e})=>e.mobile.maxWidth));export{n as HeaderNavDropdownArrow,p as HeaderNavDropdownBody,d as HeaderNavDropdownHead,s as HeaderNavDropdownList,a as HeaderNavDropdownStyled};