import * as react from 'react';
import { HTMLAttributes, ReactNode, ElementType } from 'react';

interface ContainerProps extends HTMLAttributes<HTMLElement> {
    children?: ReactNode;
    /** Reading measure. `md` (default) suits body text; `full` removes the cap. */
    size?: "sm" | "md" | "lg" | "full";
    /** The element to render. A container is often a `<main>` or `<header>`. */
    as?: ElementType;
}

/**
 * The page's horizontal measure — centred, capped, with gutters.
 *
 * Every Swiss-family gallery style hand-rolled this. What they repeated was not
 * `mx-auto` but the DECISION about how wide the page reads, and twenty copies of
 * a decision drift. This owns the decision and leaves the styling replaceable.
 */
declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLElement>>;

export { Container, type ContainerProps };