@bothub-chat/ui/dist/adaptive/index.js

Bothub UI Components

import{css as a}from"styled-components";import"tslib";import"react/jsx-runtime";import"react";function t(t){return i=>{const{theme:e}=i,{variant:d="main",merge:m=!1,desktop:n,tablet:r,miniTablet:o,mobile:h,touch:s}="object"==typeof t?t:t(i);let x,b;switch(d){case"main":x=e.tablet.maxWidth,b=e.mobile.maxWidth;break;case"dashboard":x=e.dashboard.tablet.maxWidth,b=e.dashboard.mobile.maxWidth}const p=s&&a(["@media only screen and (hover:none) and (pointer:coarse){","}"],s),c="dashboard"===d&&o,l=e.dashboard.miniTablet.maxWidth;return m?a([""," "," "," "," ",""],n,r&&a(["@media (max-width:","){","}"],x,r),c&&a(["@media (max-width:","){","}"],e.dashboard.miniTablet.maxWidth,o),h&&a(["@media (max-width:","){","}"],b,h),p):a([""," "," "," ",""],n&&a(["@media (min-width:","px){","}"],parseInt(x)+1,n),r&&a([""," ",""],!c&&a(["@media (min-width:","px) and (max-width:","){","}"],parseInt(b)+1,x,r),c&&a(["@media (min-width:","px) and (max-width:","){","}@media (min-width:","px) and (max-width:","){","}"],parseInt(l)+1,x,r,parseInt(b)+1,l,o)),h&&a(["@media (max-width:","){","}"],b,h),p)}}export{t as adaptive};