@bothub-chat/ui/dist/components/header/menu/toggle-button/icon/styled.js

Bothub UI Components

import{styled as t}from"styled-components";const e=t.div.withConfig({displayName:"styled__StyledLine",componentId:"sc-m6qasn-0"})(["width:100%;height:2px;border-radius:2px;background-color:",";position:absolute;left:0;transition:transform 0.15s ease,opacity 0.075s ease;"],(({theme:t})=>t.bright?"dark"===t.mode?t.colors.base.black:t.colors.base.white:"dark"===t.mode?t.colors.base.white:t.colors.base.black)),o=t.div.withConfig({displayName:"styled__StyledBurgerIcon",componentId:"sc-m6qasn-1"})(["width:18px;height:18px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;& > ",":nth-child(1){transform:",";}& > ",":nth-child(2){opacity:",";}& > ",":nth-child(3){transform:",";}"],e,(({$isOpen:t})=>t?"translateY(0) rotate(45deg)":"translateY(-4px) rotate(0)"),e,(({$isOpen:t})=>t?"0":"1"),e,(({$isOpen:t})=>t?"translateY(0) rotate(-45deg)":"translateY(4px) rotate(0)"));export{o as StyledBurgerIcon,e as StyledLine};