UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

6 lines (5 loc) 1.96 kB
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as o}from"styled-components";import{Button as d}from"../../button/index.js";import{EditIcon as n}from"../../../icons/edit/index.js";import{TrashIcon as s}from"../../../icons/trash/index.js";const i=t.div.withConfig({displayName:"styled__ThemeButtonWrapperStyled",componentId:"sc-1d8skh4-0"})(["display:flex;align-items:center;gap:14px;"]),r=t.div.withConfig({displayName:"styled__ThemeButtonOutlineStyled",componentId:"sc-1d8skh4-1"})(["border:1px solid transparent;"," border-radius:20px;"],(({$active:e})=>e?o` background: ${({theme:e})=>e.colors.premiumGradient}; `:o` border-color: ${({theme:e})=>e.colors.grayScale.gray2}; `)),a=t.button.withConfig({displayName:"styled__ThemeButtonStyled",componentId:"sc-1d8skh4-2"})(["all:unset;padding:8px;border-radius:18px;background-color:",";&:hover{cursor:pointer;}"],(({theme:e})=>"custom"===e.scheme?e.colors.custom.background:e.colors.base.black)),c=t.div.withConfig({displayName:"styled__ThemeButtonIconStyled",componentId:"sc-1d8skh4-3"})(["padding:8px 10px;border-radius:10px;border:1px solid ",";background-color:",";"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.grayScale.gray4)),l=t.div.withConfig({displayName:"styled__ThemeButtonActions",componentId:"sc-1d8skh4-4"})(["display:flex;flex-direction:column;gap:16px;"]),m=t(d).attrs({variant:"text"}).withConfig({displayName:"styled__ThemeButtonAction",componentId:"sc-1d8skh4-5"})([""]),p=t(m).attrs({children:e(n,{})}).withConfig({displayName:"styled__ThemeButtonEditAction",componentId:"sc-1d8skh4-6"})([""]),h=t(m).attrs({children:e(s,{})}).withConfig({displayName:"styled__ThemeButtonDeleteAction",componentId:"sc-1d8skh4-7"})([""]);export{l as ThemeButtonActions,h as ThemeButtonDeleteAction,p as ThemeButtonEditAction,c as ThemeButtonIconStyled,r as ThemeButtonOutlineStyled,a as ThemeButtonStyled,i as ThemeButtonWrapperStyled};