@bothub-chat/ui
Version:
Bothub UI Components
11 lines (10 loc) • 1.5 kB
JavaScript
import{styled as e,css as t}from"styled-components";import{Scrollbar as i}from"../../scrollbar/index.js";import{adaptive as d}from"../../../adaptive/index.js";const o=e.div.withConfig({displayName:"styled__MessagesStyled",componentId:"sc-z7wbcu-0"})(["display:flex;position:relative;width:100%;"]),s=e(i).attrs({variant:"secondary"}).withConfig({displayName:"styled__MessagesScrollbarWrapper",componentId:"sc-z7wbcu-1"})(["overflow:auto;height:100%;",""],d({variant:"dashboard",desktop:t`
padding: 43px 34px;
padding-bottom: 106px;
`,tablet:t`
padding: 43px 24px;
padding-bottom: 106px;
`,mobile:t`
padding: 24px 16px;
padding-bottom: 78px;
`})),n=e.div.withConfig({displayName:"styled__MessagesContent",componentId:"sc-z7wbcu-2"})(["display:flex;width:inherit;justify-content:center;"]),a=e.div.withConfig({displayName:"styled__MessagesContainer",componentId:"sc-z7wbcu-3"})(["display:flex;flex-direction:column-reverse;width:inherit;max-width:",";"],({theme:e,$fullWidth:t})=>t?"none":e.dashboard.chat.containerWidth),p=e.div.withConfig({displayName:"styled__MessagesStart",componentId:"sc-z7wbcu-4"})(["display:flex;width:100%;height:1px;pointer-events:none;"]),l=e.div.withConfig({displayName:"styled__MessageList",componentId:"sc-z7wbcu-5"})(["display:flex;flex-direction:column;width:inherit;row-gap:24px;"]);export{l as MessageList,a as MessagesContainer,n as MessagesContent,s as MessagesScrollbarWrapper,p as MessagesStart,o as MessagesStyled};