UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

bothub.chat

bothubchat/bothub

2 lines (1 loc) • 1.54 kB
1
2
import{__rest as e}from"tslib";import{jsxs as o,jsx as l,Fragment as r}from"react/jsx-runtime";import{IconProvider as t}from"../../../../icon/context.js";import"../../../../icon/styled.js";import"react";import"@react-spring/web";import"react-dom";import"../../../../portal/styled.js";import"../../../../tooltip/styled.js";import"../../../../tooltip/arrow/styled.js";import"../../../../../theme/index.js";import"../../../../tooltip/context.js";import{SelectFieldOptionSide as i}from"../list/styled.js";import{SelectFieldOptionStyled as c,SelectFieldOptionText as s,SelectFieldOptionColor as d,SelectFieldColorOptionText as n}from"./styled.js";import{useTheme as a}from"../../../../../theme/hook.js";const m=m=>{var{item:p,selected:b,disabled:h,size:j,selectedColor:$}=m,g=e(m,["item","selected","disabled","size","selectedColor"]);const y=a();return o(c,Object.assign({$selected:b,$disabled:h,$size:j,$backgroundHoverColor:p.backgroundHoverColor,$selectedColor:$},g,{children:[o(i,{children:[p.icon&&l(t,{fill:y.colors.base.white,size:"large"===j?24:18,children:p.icon}),!p.color&&o(s,{$selected:b,$size:j,$bold:p.bold,children:[p.label&&o(r,{children:[p.label.slice(0,64),p.label.length>64&&"..."]}),!p.label&&p.value]}),p.color&&l(d,{$color:p.color===y.colors.accent.primary&&b?y.colors.accent.primaryLight:p.color}),p.color&&o(n,{$selected:b,children:[p.label&&o(r,{children:[p.label.slice(0,64),p.label.length>64&&"..."]}),!p.label&&p.value]})]}),p.end&&l(i,{children:l(t,{size:16,children:p.end})})]}))};export{m as SelectFieldOption};