phx-react
Version:
PHX REACT
9 lines • 681 B
JavaScript
import React from 'react';
import { classNames } from '../types';
export var PHXContainer = function (_a) {
var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'large' : _b;
var sizeClassName = 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.createElement("div", { className: className },
React.createElement("div", { className: sizeClassName }, children)));
};
//# sourceMappingURL=Container.js.map