@bothub-chat/ui/dist/components/sidebar/buttons/index.js

Bothub UI Components

import{jsx as t}from"react/jsx-runtime";import{styled as o,css as r}from"styled-components";import{adaptive as e}from"../../../adaptive/index.js";import{TrashIcon as a}from"../../../icons/trash/index.js";import{AddChatIcon as i}from"../../../icons/add-chat/index.js";import{AddGroupIcon as s}from"../../../icons/add-group/index.js";import{ManageChatIcon as n}from"../../../icons/manage-chat/index.js";import{SearchSimpleIcon as d}from"../../../icons/search-simple/index.js";import{Button as c}from"../../button/index.js";const l=o.div.withConfig({displayName:"buttons__SidebarButtonsStyled",componentId:"sc-4vlvdj-0"})(["display:flex;flex-direction:row;transition:all 0.3s;width:100%;gap:12px;",""],({$open:t})=>!t&&e({variant:"dashboard",merge:!0,desktop:r`
        flex-direction: column;
      `,tablet:r`
        flex-direction: row;
      `})),m=o(c).attrs({fullWidth:!0,startIcon:t(a,{})}).withConfig({displayName:"buttons__SidebarDeleteButton",componentId:"sc-4vlvdj-1"})([""]),p=o(c).attrs({children:t(i,{})}).withConfig({displayName:"buttons__SidebarCreateChatButton",componentId:"sc-4vlvdj-2"})([""]),h=o(c).attrs({children:t(s,{})}).withConfig({displayName:"buttons__SidebarAddGroupButton",componentId:"sc-4vlvdj-3"})(["",""],({variant:t,theme:o})=>"secondary"===t&&r`
      background: ${"dark"===o.mode?o.colors.grayScale.gray3:o.colors.grayScale.gray4};
      svg path {
        stroke: ${o.colors.accent.primary};
      }
    `),u=o(c).attrs({children:t(n,{})}).withConfig({displayName:"buttons__SidebarEditButton",componentId:"sc-4vlvdj-4"})(["",""],({variant:t,theme:o})=>{switch(t){case"secondary":return r`
          svg path {
            stroke: ${o.colors.grayScale.gray1};
          }
        `;case"primary":return r`
          svg path {
            stroke: ${o.default.colors.base.white};
          }
        `}}),f=o(c).attrs({children:t(d,{size:16})}).withConfig({displayName:"buttons__SidebarSearchButton",componentId:"sc-4vlvdj-5"})(["",""],({variant:t,theme:o})=>{switch(t){case"secondary":return r`
          svg path {
            fill: ${o.colors.grayScale.gray1};
          }
        `;case"primary":return r`
          svg path {
            fill: ${o.default.colors.base.white};
          }
        `}}),g=o(c).withConfig({displayName:"buttons__SidebarSortButton",componentId:"sc-4vlvdj-6"})([""]);export{h as SidebarAddGroupButton,l as SidebarButtonsStyled,p as SidebarCreateChatButton,m as SidebarDeleteButton,u as SidebarEditButton,f as SidebarSearchButton,g as SidebarSortButton};