@bothub-chat/ui/dist/components/chip/index.js

Bothub UI Components

import{__rest as e}from"tslib";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{ChipStyled as r,ChipIncludes as o,ChipText as a,ChipDeleteButton as l}from"./styled.js";export{ChipImage}from"./styled.js";import{Tooltip as n}from"../tooltip/index.js";import{TooltipConsumer as s}from"../tooltip/context.js";const m=m=>{var{variant:c="default",start:d,image:p,children:g,isImage:h,onDelete:f,handleImageClick:b,deleteAriaLabel:u}=m,j=e(m,["variant","start","image","children","isImage","onDelete","handleImageClick","deleteAriaLabel"]);return t(r,Object.assign({$variant:c},j,{children:[t(o,Object.assign({},h&&{style:{cursor:"pointer"}},{onClick:b,$variant:c,children:[d,p,"string"==typeof g&&i(n,{label:g,placement:"top-left",disabled:g.length<=36,children:i(s,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:i})=>t(a,{onMouseEnter:e,onMouseLeave:i,children:[g.slice(0,36),g.length>36&&"..."]})})})]})),"string"!=typeof g&&g,f&&i(l,{"aria-label":u,onClick:e=>{e.stopPropagation(),f(e)}})]}))};export{m as Chip,l as ChipDeleteButton,o as ChipIncludes,r as ChipStyled,a as ChipText};