/**
 * @file index.tsx
 *
 * @fileoverview Display the Box component within the component library.
 */
/// <reference types="styled-components" />
import React from 'react';
declare const _default: {
    title: string;
    parameters: {
        component: React.ForwardRefExoticComponent<Pick<import(".").BoxProps, "label" | "p" | "color" | "children" | "bg" | "backgroundColor" | "opacity" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "boxShadow" | "textShadow" | "marginClean" | "paddingClean"> & {
            theme?: any;
        }>;
    };
};
export default _default;
export declare const DefaultBox: {
    (): JSX.Element;
    story: {
        title: string;
        parameters: {
            component: React.ForwardRefExoticComponent<Pick<import(".").BoxProps, "label" | "p" | "color" | "children" | "bg" | "backgroundColor" | "opacity" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "boxShadow" | "textShadow" | "marginClean" | "paddingClean"> & {
                theme?: any;
            }>;
        };
    };
};
export declare const PrimaryBox: {
    (): JSX.Element;
    story: {
        title: string;
    };
};
export declare const BoxWithoutPadding: {
    (): JSX.Element;
    story: {
        title: string;
    };
};
export declare const BoxCustomPaddingMargin: {
    (): JSX.Element;
    story: {
        title: string;
    };
};