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

Bothub UI Components

import{styled as o,css as e}from"styled-components";import{TypographyStyled as t}from"../../typography/styled.js";import"../../../theme/index.js";import{ArrowUpIcon as i}from"../../../icons/arrow-up/index.js";import{defaultTheme as a}from"../../../theme/themes.js";const r=o.div.withConfig({displayName:"styled__ReasoningBlockStyled",componentId:"sc-v4by7x-0"})(["max-width:100%;",""],({$fullWidth:o})=>o&&e`
      width: 100%;
    `),n=o.div.withConfig({displayName:"styled__ReasoningBlockHeader",componentId:"sc-v4by7x-1"})(["display:flex;align-items:center;gap:12px;"]),d=o.div.withConfig({displayName:"styled__ReasoningBlockContentWrapper",componentId:"sc-v4by7x-2"})(["overflow:hidden;--reasoning-block-animation-duration:0.5s;transition:",";"," & > div > div:nth-child(1){padding-top:10px;}& > div > div:nth-child(2){border-left:1px solid ",";padding-left:10px;}& ","{color:",";}& li{font-size:0.875rem;}"],({$isReasoning:o})=>o?"none":"height var(--reasoning-block-animation-duration) ease-in-out, padding-top var(--reasoning-block-animation-duration) ease-in-out",({$fullWidth:o})=>o&&e`
      width: 100%;
      max-width: 100%;
    `,({theme:o})=>o.colors.grayScale.gray1,t,({theme:o})=>"dark"===o.mode?"#CDD5DA":a.colors.grayScale.gray1),s=o.button.withConfig({displayName:"styled__ReasoningBlockButton",componentId:"sc-v4by7x-3"})(["width:fit-content;display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;border:1px solid ",";background-color:",";cursor:pointer;outline:none;transition:background-color 0.3s ease-out,border-color 0.3s ease-in-out;&:hover{background-color:",";}&:active{background-color:",";}&:disabled,&:disabled:hover,&:disabled:active{cursor:default;background-color:",";}&:focus-visible{border:1px solid ",";}"],({theme:o})=>o.colors.grayScale.gray3,({theme:o})=>o.colors.grayScale.gray3,({theme:o})=>o.colors.grayScale.gray5,({theme:o})=>o.colors.grayScale.gray4,({theme:o})=>o.colors.grayScale.gray3,({theme:o})=>o.colors.accent.primary),l=o(i).withConfig({displayName:"styled__ReasoningBlockButtonArrow",componentId:"sc-v4by7x-4"})(["transition:transform 0.2s ease-in-out;transform:",";& path{stroke:",";}"],({$isOpen:o})=>o?"rotate(0deg)":"rotate(180deg)",({theme:o})=>o.colors.base.white);export{s as ReasoningBlockButton,l as ReasoningBlockButtonArrow,d as ReasoningBlockContentWrapper,n as ReasoningBlockHeader,r as ReasoningBlockStyled};