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

Bothub UI Components

import{jsx as o}from"react/jsx-runtime";import{styled as a,css as t}from"styled-components";import{Scrollbar as e}from"../scrollbar/index.js";import{Typography as d}from"../typography/index.js";import{adaptive as i}from"../../adaptive/index.js";import{ScrollbarShadow as p}from"../scrollbar/shadow/index.js";const r=a.div.withConfig({displayName:"styled__BlockStyled",componentId:"sc-112b3ha-0"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;transition:background 0.3s;background:",";overflow:hidden;max-height:100vh;",""],(({theme:o})=>o.colors.grayScale.gray4),(({$variant:o})=>{switch(o){case"rounded":return i({variant:"dashboard",desktop:t`
            border-radius: 18px;
          `,tablet:t`
            border-radius: 18px;
          `});case"rectangular":return i({variant:"dashboard",tablet:t`
            border-radius: 18px;
          `})}})),n=a.div.withConfig({displayName:"styled__BlockHead",componentId:"sc-112b3ha-1"})(["display:flex;justify-content:space-between;align-items:center;width:100%;"," ",""],i({desktop:t`
      border: none;
    `,tablet:t`
      border-bottom: 1px solid ${({theme:o})=>o.colors.grayScale.gray3};
    `,mobile:t`
      border-bottom: 1px solid ${({theme:o})=>o.colors.grayScale.gray3};
    `}),(({$toolbar:o})=>i(o?{variant:"dashboard",desktop:t`
          padding: 24px 28px;
        `,tablet:t`
          padding: 24px;
        `,mobile:t`
          padding: 18px 16px;
        `}:{variant:"dashboard",desktop:t`
        padding: 30px 28px 12px;
      `,tablet:t`
        padding: 24px 24px 12px;
      `,mobile:t`
        padding: 18px 16px 12px;
      `}))),s=a(d).attrs({component:"h2",variant:"body-xl-semibold"}).withConfig({displayName:"styled__BlockTitle",componentId:"sc-112b3ha-2"})([""]),l=a.div.withConfig({displayName:"styled__BlockToolbar",componentId:"sc-112b3ha-3"})(["display:flex;"]),c=a.div.withConfig({displayName:"styled__BlockToolbarButtons",componentId:"sc-112b3ha-4"})(["display:flex;gap:20px;flex-wrap:wrap;"]),m=a.div.withConfig({displayName:"styled__BlockBody",componentId:"sc-112b3ha-5"})(["display:flex;overflow:hidden;width:100%;flex-grow:1;"," "," position:relative;"],i({variant:"dashboard",merge:!0,desktop:t`
      padding: 28px 0px;
    `,tablet:t`
      padding: 24px 0px;
    `}),(({$head:o})=>o&&t`
      padding-top: 0px !important;
    `)),x=a(e).attrs({variant:"secondary",scrollShadows:{size:90,top:o(p,{side:"top"}),bottom:o(p,{side:"bottom"})}}).withConfig({displayName:"styled__BlockBodyScrollbarWrapper",componentId:"sc-112b3ha-6"})(["height:100%;overflow:auto;"]),b=a.div.withConfig({displayName:"styled__BlockBodyContent",componentId:"sc-112b3ha-7"})([""," "," ",""],i({variant:"dashboard",desktop:t`
      padding: 0px 28px;
    `,tablet:t`
      padding: 0px 24px;
    `,mobile:t`
      padding: 0px 16px;
    `}),(({$head:o})=>o&&i({variant:"dashboard",merge:!0,desktop:t`
        padding-top: 28px !important;
      `,tablet:t`
        padding-top: 24px !important;
      `})),(({$fullHeight:o})=>o&&t`
      height: 100%;
    `));export{m as BlockBody,b as BlockBodyContent,x as BlockBodyScrollbarWrapper,n as BlockHead,r as BlockStyled,s as BlockTitle,l as BlockToolbar,c as BlockToolbarButtons};