import { default as React, ReactNode } from 'react';
import { SpacingProps } from '../../tokens/spacing';
import { BorderProps } from '../../tokens/borders';
import { Color } from '../../tokens/colors';
export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
export interface ContainerProps extends SpacingProps, BorderProps {
    children?: ReactNode;
    as?: React.ElementType;
    className?: string;
    style?: React.CSSProperties;
    /**
     * Max-width of the centered container. Defaults to `'lg'`.
     * - `sm`   — `max-w-xl`  (~36rem / 576px)
     * - `md`   — `max-w-3xl` (~48rem / 768px)
     * - `lg`   — `max-w-5xl` (~64rem / 1024px) — default
     * - `xl`   — `max-w-7xl` (~80rem / 1280px)
     * - `full` — no max-width
     */
    size?: ContainerSize;
    /**
     * Semantic surface tint. Maps to `bg-{color}-50` in light and
     * `bg-{color}-950` in dark via `surfaceBgClasses`.
     */
    color?: Color;
    /**
     * Marks the container as a dark surface so descendants pick up the
     * light `var(--text)` color. Useful when the Container sits on a
     * colored or photographic background.
     */
    dark?: boolean;
    testId?: string;
}
export declare const Container: React.FC<ContainerProps>;
//# sourceMappingURL=Container.d.ts.map