@bothub-chat/ui/dist/components/developer-key/index.js

Bothub UI Components

import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as t,useCallback as r}from"react";import{DeveloperKeyWrapper as l,DeveloperKeyLabel as i,DeveloperKeyContent as s,DeveloperKeyStyled as n,DeveloperKeyValue as m,DeveloperKeyCopyIcon as p,DeveloperKeyDeleteButton as c,DeveloperKeyDeleteIcon as d}from"./styled.js";import"../../theme/index.js";import"tslib";import{IconProvider as a}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import{CheckSmallIcon as y}from"../../icons/check-small/index.js";import{CopyIcon as h}from"../../icons/copy/index.js";import{Skeleton as j}from"../skeleton/index.js";export{AddDeveloperKeyButton,DeveloperKeyList,DeveloperKeysButtons,DeveloperKeysHeader,DeveloperKeysIcon,DeveloperKeysStyled,DeveloperKeysTitle}from"./list/styled.js";import{useTheme as f}from"../../theme/hook.js";const x=({id:x,className:k,tabIndex:u=0,skeleton:D=!1,label:v,children:K,onCopy:b,onDelete:g})=>{const w=f(),[B,C]=t(!1),I=r(()=>{C(!1)},[]),$=r(()=>{D||B||("string"==typeof K&&(null==b||b(K)),C(!0))},[D,B,K,b]),z=r(()=>{D||null==g||g(x)},[D,x,g]);return e(a,{children:o(l,{$skeleton:D,children:[v&&e(i,{children:v}),o(s,{children:[o(n,{$skeleton:D,className:k,tabIndex:u,onBlur:I,onClick:$,children:[!D&&e(m,{children:K}),D&&e(m,{children:e(j,{fullWidth:!0})}),e(p,{as:B?y:h,size:18,fill:B?w.colors.accent.primaryLight:w.colors.grayScale.gray1})]}),g&&e(c,{onClick:z,$skeleton:D,children:e(d,{size:20})})]})]})})};export{x as DeveloperKey};