import { ReactNode, HTMLAttributes, ElementType } from 'react';
/**
 * Spacing value - can be a theme spacing index (number) or a CSS value (string)
 */
export type SpacingValue = number | string;
/**
 * Props for the Center component
 */
export interface CenterProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
    /** Center content */
    children?: ReactNode;
    /** Padding on all sides */
    p?: SpacingValue;
    /** Horizontal padding (left and right) */
    px?: SpacingValue;
    /** Vertical padding (top and bottom) */
    py?: SpacingValue;
    /** Padding top */
    pt?: SpacingValue;
    /** Padding right */
    pr?: SpacingValue;
    /** Padding bottom */
    pb?: SpacingValue;
    /** Padding left */
    pl?: SpacingValue;
    /** Margin on all sides */
    m?: SpacingValue;
    /** Horizontal margin (left and right) */
    mx?: SpacingValue;
    /** Vertical margin (top and bottom) */
    my?: SpacingValue;
    /** Margin top */
    mt?: SpacingValue;
    /** Margin right */
    mr?: SpacingValue;
    /** Margin bottom */
    mb?: SpacingValue;
    /** Margin left */
    ml?: SpacingValue;
    /** Make the container inline-flex */
    inline?: boolean;
    /** Polymorphic element type */
    as?: ElementType;
    /** Additional CSS classes */
    className?: string;
    /** Test ID (deprecated, use dataTestId) */
    'data-testid'?: string;
    /** Test identifier for automated testing */
    dataTestId?: string;
    /** Data identifier for ib-ui compatibility */
    dataId?: string;
}
//# sourceMappingURL=Center.types.d.ts.map