@tidy-ui/container/dist/index.cjs.js

The versatile Container is your layout commander, adapting effortlessly to screen shifts and breakpoints. It comes in two modes: fluid, flexing its width with the screen for a dynamic arrangement of enclosed components; and fixed, aligning components sole

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("@tidy-ui/commons");function t(n){return n&&n.__esModule?n:{default:n}}var r=/*#__PURE__*/t(n),a=function(){return a=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n},a.apply(this,arguments)};function i(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var o,d,p,l,s,u=e.styled.div(s||(s=i(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),function(n){var t=n.theme.layout.screens,r=n.isFixed,a=n.maxWidth,s=n.gutter;return e.css(l||(l=i(["\n    margin-left: auto;\n    margin-right: auto;\n    box-sizing: border-box;\n    ","\n    ","\n    ","\n  "],["\n    margin-left: auto;\n    margin-right: auto;\n    box-sizing: border-box;\n    ","\n    ","\n    ","\n  "])),a&&e.css(o||(o=i(["\n      max-width: ","px;\n    "],["\n      max-width: ","px;\n    "])),t[a].breakpoint),s&&e.css(d||(d=i(["\n      padding: 0 ",";\n    "],["\n      padding: 0 ",";\n    "])),s),r&&e.css(p||(p=i(["\n      "," {\n        max-width: ","px;\n      }\n      "," {\n        max-width: ","px;\n      }\n      "," {\n        max-width: ","px;\n      }\n      "," {\n        max-width: ","px;\n      }\n      "," {\n        max-width: ","px;\n      }\n    "],["\n      "," {\n        max-width: ","px;\n      }\n      "," {\n        max-width: ","px;\n      }\n      "," {\n        max-width: ","px;\n      }\n      "," {\n        max-width: ","px;\n      }\n      "," {\n        max-width: ","px;\n      }\n    "])),e.devices.mobile,t.xs.breakpoint,e.devices.tablet,t.sm.breakpoint,e.devices.laptop,t.md.breakpoint,e.devices.desktop,t.lg.breakpoint,e.devices.tv,t.xl.breakpoint))},e.applyStandardOverrideStyles),c=r.default.forwardRef(function(n,e){var t=n.children,i=n.ele,o=function(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(n);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(n,r[a])&&(t[r[a]]=n[r[a]])}return t}(n,["children","ele"]);return r.default.createElement(u,a({"data-tui-name":"Container",ref:e},o),i?r.default.cloneElement(i,{},t):t)});c.defaultProps={gutter:"1.5rem",isFixed:!1},c.displayName="Container",exports.Container=c;