import React from 'react';
import { classNames } from '../types';
export const PHXContainer = ({ children, className, size = 'large' }) => {
    const 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