import React from 'react';
declare const _default: {
    title: string;
    decorators: ((storyFn: () => JSX.Element) => React.JSX.Element)[];
    parameters: {
        component: React.ForwardRefExoticComponent<{
            as?: any;
            backgroundColor?: "inherit" | import("../../common/Types").ColorFn | undefined;
            className?: string | undefined;
            children?: React.ReactNode;
        } & import("./Box.types").Paddings & {
            mt?: string | number | undefined;
            mb?: string | number | undefined;
            ml?: string | number | undefined;
            mr?: string | number | undefined;
            mx?: string | number | undefined;
            my?: string | number | undefined;
            m?: string | number | undefined;
        } & {
            sm?: Partial<import("./Box.types").Paddings & {
                mt?: string | number | undefined;
                mb?: string | number | undefined;
                ml?: string | number | undefined;
                mr?: string | number | undefined;
                mx?: string | number | undefined;
                my?: string | number | undefined;
                m?: string | number | undefined;
            }> | undefined;
            md?: Partial<import("./Box.types").Paddings & {
                mt?: string | number | undefined;
                mb?: string | number | undefined;
                ml?: string | number | undefined;
                mr?: string | number | undefined;
                mx?: string | number | undefined;
                my?: string | number | undefined;
                m?: string | number | undefined;
            }> | undefined;
            xl?: Partial<import("./Box.types").Paddings & {
                mt?: string | number | undefined;
                mb?: string | number | undefined;
                ml?: string | number | undefined;
                mr?: string | number | undefined;
                mx?: string | number | undefined;
                my?: string | number | undefined;
                m?: string | number | undefined;
            }> | undefined;
            lg?: Partial<import("./Box.types").Paddings & {
                mt?: string | number | undefined;
                mb?: string | number | undefined;
                ml?: string | number | undefined;
                mr?: string | number | undefined;
                mx?: string | number | undefined;
                my?: string | number | undefined;
                m?: string | number | undefined;
            }> | undefined;
        } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
    };
};
export default _default;
export declare const Margin: () => React.JSX.Element;
export declare const MarginAndDifferentMarginYAxis: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const Padding: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const PaddingAndDifferentXAxisAndLeft: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const DifferentPaddingForDifferentScreenSizes: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithBackgroundColor: {
    render: () => React.JSX.Element;
    name: string;
};
