@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 a}from"../../../icons/arrow-up/index.js";import{defaultTheme as i}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:height var(--reasoning-block-animation-duration) ease-in-out,padding-top var(--reasoning-block-animation-duration) ease-in-out;"," & > div > div:nth-child(1){padding-top:10px;}& > div > div:nth-child(2){border-left:1px solid ",";padding-left:10px;}& ","{color:",";}"],(({$fullWidth:o})=>o&&e`
      width: 100%;
      max-width: 100%;
    `),(({theme:o})=>o.colors.grayScale.gray1),t,(({theme:o})=>"dark"===o.mode?"#CDD5DA":i.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(a).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};