import { default as React } from 'react';
import { StatusLevel } from '../../utils';
import { AstroIconName } from './AstroIcon';
export type ContainerVariant = "default" | "elevated" | "outlined" | "ghost" | "glass" | "glass-dark" | "glass-light";
export type ContainerPadding = "none" | "sm" | "md" | "lg";
export interface ContainerProps {
    /** Visual variant */
    variant?: ContainerVariant;
    /** Padding size */
    padding?: ContainerPadding;
    /** Container title */
    title?: React.ReactNode;
    /** Subtitle or description */
    subtitle?: React.ReactNode;
    /** Status indicator (affects left border in non-glass mode) */
    status?: StatusLevel;
    /** Header actions (buttons, etc.) */
    actions?: React.ReactNode;
    /** Full height */
    fullHeight?: boolean;
    /**
     * Clip overflowing content area when fullHeight is enabled.
     * Keep false for form cards so wrapped rows can expand naturally.
     */
    clipContent?: boolean;
    /** Loading state */
    loading?: boolean;
    /** Children */
    children: React.ReactNode;
    /** Custom className */
    className?: string;
    /** Custom style */
    style?: React.CSSProperties;
    /** Click handler */
    onClick?: () => void;
    /** Disable auto-glass effect in transparent theme */
    disableAutoGlass?: boolean;
    /** Icon to display in header (Astro icon name) */
    icon?: AstroIconName;
    /** Icon status - shows status symbol and colors icon accordingly */
    iconStatus?: StatusLevel;
    /** Custom status message shown in tooltip (overrides default description) */
    statusMessage?: string;
    /** Custom icon color (overrides iconStatus and theme color) */
    iconColor?: string;
    /** Custom accent color for glass mode (title, line, etc.) */
    accentColor?: string;
}
export declare const Container: React.NamedExoticComponent<ContainerProps>;
export default Container;