@onwave/ui/dist/components/Container/MaxWidthContainer.js

onwave ui library

var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import styled from "@emotion/styled";
import React from "react";
export var MaxWidthContainer = function (_a) {
    var children = _a.children, maxWidth = _a.maxWidth;
    return (React.createElement(Wrapper, null,
        React.createElement(Container, { maxWidth: maxWidth }, children)));
};
var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"])));
var Container = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  max-width: ", ";\n"], ["\n  width: 100%;\n  max-width: ", ";\n"])), function (_a) {
    var maxWidth = _a.maxWidth;
    return (maxWidth ? maxWidth + "px" : "1024px");
});
var templateObject_1, templateObject_2;
//# sourceMappingURL=MaxWidthContainer.js.map