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

Bothub UI Components

import{styled as e,css as t}from"styled-components";import{adaptive as a}from"../../../adaptive/index.js";const i=e.nav.withConfig({displayName:"styled__HeaderNavStyled",componentId:"sc-j703hu-0"})(["",""],(({$variant:e,$inMenu:i})=>{if(i){const i=a({variant:e,tablet:t`
          gap: 38px;
        `,mobile:t`
          gap: 30px;
        `});return t`
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        ${i}
      `}const n=a({variant:e,merge:!0,tablet:t`
        display: none;
      `});return t`
      display: flex;
      align-items: center;
      height: 34px;
      gap: 34px;
      padding-left: 24px;
      margin-left: 24px;
      ${n}
      ${()=>{switch(e){case"main":return t`
            border-left: 1px solid
              ${({theme:e})=>e.colors.grayScale.gray3};
          `;case"dashboard":return t``}}}
    `}));export{i as HeaderNavStyled};