/// <reference types="react" />
import { ColorFn } from '../../common/Types';
type Margins = {
    mt?: number | string;
    mb?: number | string;
    ml?: number | string;
    mr?: number | string;
    mx?: number | string;
    my?: number | string;
    m?: number | string;
};
export type Paddings = {
    pt?: number | string;
    pb?: number | string;
    pl?: number | string;
    pr?: number | string;
    px?: number | string;
    py?: number | string;
    p?: number | string;
};
type MediaRelatedProps = {
    sm?: Partial<Paddings & Margins>;
    md?: Partial<Paddings & Margins>;
    xl?: Partial<Paddings & Margins>;
    lg?: Partial<Paddings & Margins>;
};
export type Spacings = {
    margin: number | string | undefined;
    padding: number | string | undefined;
    margins: (number | string | undefined)[];
    paddings: (number | string | undefined)[];
};
export type Props = {
    /**
     * Render this element as different DOM node
     * @default div
     * */
    as?: any;
    backgroundColor?: 'inherit' | ColorFn;
    className?: string;
    children?: React.ReactNode;
} & Paddings & Margins & MediaRelatedProps & React.HTMLAttributes<HTMLDivElement>;
export {};
