@bothub-chat/ui/dist/components/footer/mobile/styled.js

Bothub UI Components

import{jsx as t}from"react/jsx-runtime";import{styled as e,css as o}from"styled-components";import{AddChatIcon as i}from"../../../icons/add-chat/index.js";import{adaptive as a}from"../../../adaptive/index.js";const n=e.div.withConfig({displayName:"styled__FooterMobileStyled",componentId:"sc-16vg1d3-0"})(["width:100%;display:none;justify-content:space-between;align-items:center;padding:16px;background-color:",";border-top:2px solid ",";z-index:",";"," @supports (-webkit-touch-callout:none){@media (max-width:","){padding-bottom:max(16px,env(safe-area-inset-bottom));}}",""],({theme:t})=>t.colors.grayScale.gray4,({theme:t})=>t.colors.grayScale.gray2,({theme:t})=>t.zIndex.modal,({$isPreset:t})=>t&&o`
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
    `,({theme:t})=>t.dashboard.miniTablet.maxWidth,a({variant:"dashboard",mobile:o`
      display: flex;
    `})),r=e.button.withConfig({displayName:"styled__FooterMobileButton",componentId:"sc-16vg1d3-1"})(["all:unset;display:flex;align-items:center;justify-content:center;width:48px;height:48px;&:hover{opacity:0.8;cursor:pointer;}&:active{opacity:0.7;transform:translateY(1px);}transition:all 0.2s ease-out;",""],({$iconSize:t})=>o`
    svg {
      width: ${null!=t?t:26}px;
      height: ${null!=t?t:26}px;
      * {
        transition: all 0.2s ease-out;
      }
    }
  `),s=e(r).attrs({children:t(i,{})}).withConfig({displayName:"styled__FooterMobileNewChatButton",componentId:"sc-16vg1d3-2"})(["border-radius:8px;background-color:",";svg path{stroke:",";}"],({theme:t})=>t.colors.accent.primary,({theme:t})=>t.bright?t.default.colors.base.black:t.default.colors.base.white);export{r as FooterMobileButton,s as FooterMobileNewChatButton,n as FooterMobileStyled};