@smart-react-components/ui/components/FixedBox/FixedBoxElement.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Div_1 = __importDefault(require("@smart-react-components/core/Element/Div"));
const styled_components_1 = __importDefault(require("styled-components"));
exports.default = (0, styled_components_1.default)(Div_1.default)(({ theme, breakpoint, width }) => `
  overflow: auto;
  position: fixed;
  z-index: ${theme.$.zIndex.fixedBox};

  ${breakpoint
    ? `
      @media(max-width: ${theme.$.length.breakpoint[breakpoint] - 1}px) {
        height: auto !important;
        max-height: 100% !important;
        position: static;
    
        ${!width
        ? `
            width: 100% !important;
          `
        : ''}
      } 
    `
    : ''}
`);