@bothub-chat/ui
Version:
Bothub UI Components
14 lines (13 loc) • 4.08 kB
JavaScript
import{styled as e,css as o}from"styled-components";import{PlayButtonIcon as t}from"../../../icons/play-button/index.js";import{PauseButtonIcon as i}from"../../../icons/pause-button/index.js";import{Button as s}from"../../button/index.js";import{Typography as a}from"../../typography/index.js";import{TextReadIcon as r}from"../../../icons/text-read/index.js";import{TextHideIcon as c}from"../../../icons/text-hide/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as l}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"tslib";const n=e.div.withConfig({displayName:"styled__MessageVoiceStyled",componentId:"sc-1i3e7my-0"})(["display:inline-flex;border-radius:10px 10px 0px 0px;padding:1px 0px;width:min-content;flex-direction:column;align-items:flex-start;gap:10px;"]),d=e.audio.withConfig({displayName:"styled__MessageVoiceAudio",componentId:"sc-1i3e7my-1"})(["display:none;"]),m=e.div.withConfig({displayName:"styled__MessageVoiceMain",componentId:"sc-1i3e7my-2"})(["display:flex;align-items:center;gap:10px;width:100%;cursor:",";"],({$loading:e})=>e?"progress":"pointer"),p=e(s).attrs({variant:"text",iconSize:36,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleButton",componentId:"sc-1i3e7my-3"})(["cursor:inherit;"]),g=e(t).withConfig({displayName:"styled__MessageVoicePlayIcon",componentId:"sc-1i3e7my-4"})([""]),y=e(i).withConfig({displayName:"styled__MessageVoicePauseIcon",componentId:"sc-1i3e7my-5"})([""]),h=e.svg.withConfig({displayName:"styled__MessageVoiceWaves",componentId:"sc-1i3e7my-6"})(["display:flex;flex-shrink:0;width:145px;height:36px;"]),u=e(a).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__MessageVoiceDurationText",componentId:"sc-1i3e7my-7"})(["color:",";user-select:none;"],({theme:e,$variant:o})=>"input"===o?"standard"===e.scheme?"#A4C1FA":e.colors.accent.primary:"standard"===e.scheme?"dark"===e.mode?e.default.colors.base.white:e.default.colors.base.black:e.bright||"custom"===e.scheme&&l(e.colors.custom.message.user.background)?e.default.colors.base.black:e.default.colors.base.white),f=e(s).attrs({variant:"text",iconSize:30,disableHoverColor:!0}).withConfig({displayName:"styled__MessageVoiceToggleTextButton",componentId:"sc-1i3e7my-8"})([""]),x=e(r).withConfig({displayName:"styled__MessageVoiceShowTextIcon",componentId:"sc-1i3e7my-9"})([""]),b=e(c).withConfig({displayName:"styled__MessageVoiceHideTextIcon",componentId:"sc-1i3e7my-10"})([""]),w=e(a).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageVoiceText",componentId:"sc-1i3e7my-11"})(["width:100%;color:",";&::selection{","}"],({theme:e})=>e.bright||"standard"===e.scheme&&"light"===e.mode?e.default.colors.base.black:e.default.colors.base.white,({$messageColor:e})=>{switch(e){case"default":return o`
background: ${({theme:e})=>"light"===e.mode?e.default.colors.accent.primary:e.colors.base.white};
color: ${({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.accent.primary};
`;case"green":return o`
background: ${({theme:e})=>e.default.colors.base.white};
color: ${({theme:e})=>e.colors.gpt3};
`;case"purple":return o`
background: ${({theme:e})=>e.default.colors.base.white};
color: ${({theme:e})=>e.colors.gpt4};
`;default:return o`
background: ${({theme:e})=>e.default.colors.base.white};
color: ${e};
`}}),_=e.rect.withConfig({displayName:"styled__StyledRect",componentId:"sc-1i3e7my-12"})(["transition:width 0.25s ease-out;"]);export{d as MessageVoiceAudio,u as MessageVoiceDurationText,b as MessageVoiceHideTextIcon,m as MessageVoiceMain,y as MessageVoicePauseIcon,g as MessageVoicePlayIcon,x as MessageVoiceShowTextIcon,n as MessageVoiceStyled,w as MessageVoiceText,p as MessageVoiceToggleButton,f as MessageVoiceToggleTextButton,h as MessageVoiceWaves,_ as StyledRect};