@bothub-chat/ui
Version:
Bothub UI Components
2 lines (1 loc) • 1.5 kB
JavaScript
import{jsx as e,jsxs as o}from"react/jsx-runtime";import t from"react";import{ThemeProvider as i}from"styled-components";import{HappyRobotIcon as r}from"../../../icons/happy-robot/index.js";import"tslib";import{IconProvider as n}from"../../icon/context.js";import"../../icon/styled.js";import{Tooltip as l}from"../../tooltip/index.js";import"../../../theme/index.js";import{ThemeButtonWrapperStyled as c,ThemeButtonOutlineStyled as m,ThemeButtonStyled as s,ThemeButtonIconStyled as a,ThemeButtonActions as p,ThemeButtonEditAction as d,ThemeButtonDeleteAction as h}from"./styled.js";import{useTheme as j}from"../../../theme/hook.js";import{TooltipConsumer as f}from"../../tooltip/context.js";const u=t.memo(({theme:t,active:u,hasActions:x,editTooltipText:v,resetTooltipText:y,onClick:M,onEdit:T,onDelete:b})=>{const k=j();return e(i,{theme:Object.assign(Object.assign({},k),t),children:o(c,{children:[e(m,{$active:u,children:e(s,{onClick:M,children:e(a,{children:e(n,{fill:"dark"===t.mode?t.colors.accent.primaryLight:t.colors.accent.primary,size:28,children:e(r,{})})})})}),x&&o(p,{children:[e(l,{variant:"primary",placement:"center-right",label:v,children:e(f,{children:({handleTooltipMouseEnter:o,handleTooltipMouseLeave:t})=>e(d,{onClick:T,onMouseEnter:o,onMouseLeave:t})})}),e(l,{variant:"primary",placement:"center-right",label:y,children:e(f,{children:({handleTooltipMouseEnter:o,handleTooltipMouseLeave:t})=>e(h,{onClick:b,onMouseEnter:o,onMouseLeave:t})})})]})]})})});export{u as ThemeButton};