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

Bothub UI Components

import{styled as e,css as o}from"styled-components";const t=e.a.withConfig({displayName:"styled__HeaderNavLinkStyled",componentId:"sc-116e6m1-0"})(["",""],({theme:e,$variant:t,$inMenu:i,$active:n})=>"main"===t&&i?o(["font-weight:600;font-size:16px;line-height:22px;color:",";&:hover{color:",";}"],e.colors.base.white,e.colors.accent.primaryLight):o(["display:inline-flex;text-decoration:none;font-size:16px;line-height:22px;cursor:pointer;color:",";",""],e.colors.base.white,()=>{switch(t){case"main":return o(["font-weight:600;&:hover{color:",";}"],e.colors.accent.primaryLight);case"dashboard":return o(["align-items:center;gap:10px;font-weight:500;opacity:",";",""],n?1:.5,!n&&o(["&:hover{opacity:1;}"]))}})),i=e.div.withConfig({displayName:"styled__HeaderNavLinkIcon",componentId:"sc-116e6m1-1"})(["display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;border:1px solid ",";"],({theme:e})=>e.colors.grayScale.gray3);export{i as HeaderNavLinkIcon,t as HeaderNavLinkStyled};