import clsx from 'clsx';
/**
 * Container component for rendering a flexible container element.
 *
 * @component
 * @example
 * // Example usage of Container component
 * <Container as="section" className="custom-class">
 *   <p>Content goes here</p>
 * </Container>
 *
 * @param {Object} props - The properties of the Container component.
 * @param {ContainerElementType} [props.as='div'] - The HTML element type to render.
 * @param {HTMLAttributes<HTMLDivElement>} [props.restProps] - Additional HTML attributes for the container element.
 *
 * @returns {ReactNode} The rendered Container component.
 */
export function Container({ as: Element = 'div', ...restProps }) {
    return (<Element {...restProps} className={clsx('container mx-auto w-full max-w-368 px-4', restProps.className)}/>);
}
//# sourceMappingURL=Container.jsx.map