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