@bothub-chat/ui/dist/components/message/voice/styled.js

Bothub UI Components

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 n}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const l=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})=>e.bright||"custom"===e.scheme&&n(e.colors.custom.message.user.background)?"dark"===e.mode?e.colors.base.black:e.default.colors.base.black:e.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"})([""]),w=e(c).withConfig({displayName:"styled__MessageVoiceHideTextIcon",componentId:"sc-1i3e7my-10"})([""]),_=e(a).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageVoiceText",componentId:"sc-1i3e7my-11"})(["width:100%;color:",";&::selection{","}"],(({theme:e})=>e.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};
          `}})),b=e.rect.withConfig({displayName:"styled__StyledRect",componentId:"sc-1i3e7my-12"})(["transition:width 0.25s ease-out;"]);export{d as MessageVoiceAudio,u as MessageVoiceDurationText,w as MessageVoiceHideTextIcon,m as MessageVoiceMain,y as MessageVoicePauseIcon,g as MessageVoicePlayIcon,x as MessageVoiceShowTextIcon,l as MessageVoiceStyled,_ as MessageVoiceText,p as MessageVoiceToggleButton,f as MessageVoiceToggleTextButton,h as MessageVoiceWaves,b as StyledRect};