import type { HTMLAttributes, ReactNode } from "react";
export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
    variant?: "default" | "slim";
    children: ReactNode;
    /**
     * Change the default rendered element for the one passed as a child, merging their props and behavior.
     *
     * @default false
     */
    asChild?: boolean;
    /**
     * Convienence prop to change the rendered element.
     *
     * Use {@link ContainerProps.asChild} if you need more control of the rendered element.
     */
    as?: "div" | "section" | "aside" | "main" | "article" | "header" | "footer";
}
/**
 * Container is a layout component that is used to wrap content.
 * It ensures a max-width and minimum spacing on the sides.
 */
export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=container.d.ts.map