"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXContainer = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const types_1 = require("../types");
const PHXContainer = ({ children, className, size = 'large' }) => {
    const sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto w-full md:w-5/6 xl:w-1/2', size === 'medium' && 'mx-auto w-full md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto w-full md:w-11/12 lg:w-11/12 xl:w-5/6', size === 'extra-large' && 'mx-auto w-full md:w-md lg:w-11/12');
    return (react_1.default.createElement("div", { className: className },
        react_1.default.createElement("div", { className: sizeClassName }, children)));
};
exports.PHXContainer = PHXContainer;
//# sourceMappingURL=Container.js.map