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

Bothub UI Components

import{styled as e,css as i}from"styled-components";import t from"./assets/bg-lines.svg.js";import{Container as o}from"../container/index.js";const n=e.section.withConfig({displayName:"styled__SectionStyled",componentId:"sc-1rvaal9-0"})(["background:",";"," "," ",""],(({theme:e})=>e.colors.base.black),(({$bgLines:e})=>e&&i`
      background-image: url(${JSON.stringify(t)});
      background-position: center;
      background-repeat: no-repeat;
      background-size: 1291px 4797px;
    `),(({$bg:e})=>e&&i`
      position: relative;
      overflow: hidden;
    `),(({$fullHeight:e})=>e&&i`
      min-height: calc(100vh - ${({theme:e})=>e.header.height});
      @media (max-width: ${({theme:e})=>e.mobile.maxWidth}) {
        min-height: calc(100vh - ${({theme:e})=>e.header.mobile.height});
      }
    `)),a=e.div.withConfig({displayName:"styled__SectionContent",componentId:"sc-1rvaal9-1"})(["position:relative;",""],(({$fullHeight:e})=>e&&i`
      min-height: inherit;
    `)),h=e(o).withConfig({displayName:"styled__SectionContainer",componentId:"sc-1rvaal9-2"})(["",""],(({$fullHeight:e})=>e&&i`
      min-height: inherit;
    `));export{h as SectionContainer,a as SectionContent,n as SectionStyled};