import { type ElementType, type ReactElement } from 'react';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import type { DataTestId } from '../../core/types/data-props.js';
import type { MaskingProps } from '../../core/types/masking-props.js';
import type { PolymorphicComponentProps } from '../../core/types/polymorph.js';
import type { StylingProps } from '../../core/types/styling-props.js';
import type { WithChildren } from '../../core/types/with-children.js';
import { type LayoutSizeProps } from '../../styles/getLayoutSizeStyles.js';
import { type SpacingProps } from '../../styles/getSpacingSprinkles.js';
/** @internal */
export type ContainerColoring = {
    /**
     * The visual style of the container.
     * @defaultValue 'default'
     */
    variant: 'minimal' | 'default' | 'emphasized' | 'accent';
    /**
     * The color of the container. This should be chosen based on the context
     * the container is used in.
     * @defaultValue 'neutral'
     */
    color: 'primary' | 'neutral' | 'success' | 'warning' | 'critical';
    default: boolean;
};
/**
 * Context used for passing down color and variant information for accent inheritance
 * @internal
 */
export declare const useContainerColoring: () => ContainerColoring;
/**
 * Accepted properties for Container
 * @public
 */
export interface ContainerOwnProps extends WithChildren, DataTestId, StylingProps, SpacingProps, LayoutSizeProps, MaskingProps, BehaviorTrackingProps {
    /**
     * The visual style of the container.
     * @defaultValue 'default'
     */
    variant?: 'minimal' | 'default' | 'emphasized' | 'accent';
    /**
     * The color of the container. This should be chosen based on the context
     * the container is used in.
     * @defaultValue 'neutral'
     */
    color?: 'primary' | 'neutral' | 'success' | 'warning' | 'critical';
}
/**
 * Merge own props with others inherited from the underlying element type
 * @public
 */
export type ContainerProps<E extends ElementType> = PolymorphicComponentProps<E, ContainerOwnProps>;
/**
 * Containers can be used to group content that is related. Additionally, they emphasize and highlight your grouped content.
 * @public
 */
export declare const Container: <E extends ElementType = 'div'>(props: ContainerProps<E>) => ReactElement | null;