import React from 'react';
declare const _default: {
    title: string;
    parameters: {
        component: React.FC<import("./Number.types").Props> & {
            components: {
                AddonBox: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
                    sm?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
                    md?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
                    lg?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
                    xl?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
                } & import("../../../Atoms/Flexbox/Flexbox.types").ItemProps & import("../../../Atoms/Flexbox/Flexbox.types").ContainerProps & {
                    className?: string | undefined;
                } & {
                    children?: React.ReactNode;
                    as?: any;
                } & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
                    position?: "left" | "right" | undefined;
                    variant?: "normal" | "quiet" | undefined;
                }, never>;
                Input: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, {
                    type: string;
                } & Partial<import("./Number.types").Props>, "type">;
                Stepper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
                    type: "button";
                } & Partial<import("./Number.types").Props>, "type">;
                Wrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
                    sm?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
                    md?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
                    lg?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
                    xl?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
                } & import("../../../Atoms/Flexbox/Flexbox.types").ItemProps & import("../../../Atoms/Flexbox/Flexbox.types").ContainerProps & {
                    className?: string | undefined;
                } & {
                    children?: React.ReactNode;
                    as?: any;
                } & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
            };
        };
    };
};
export default _default;
export declare const DefaultStory: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const DefaultStoryWithAutoCompleteOff: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithValueControlledBehaviour: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithDefaultValueUncontrolledBehaviour: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithASmallerStep: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithMaxAndMin: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const RequiredStory: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const DisabledStory: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithAutoFocus: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithAllActions: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithErrorIfValueIsLessThan1: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithSuccess: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithExtraInfoBelow: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithExtraInfoAndError: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithNoSteppers: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithRightAddon: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithBothAddons: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithHiddenLabel: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithSizeSmall: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithLabelTooltip: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithLabelTooltipPositionTop: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithPlaceholder: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const QuietNumber: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const OnAColouredBackground: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithLabelTooltipInsideModal: {
    render: () => React.JSX.Element;
    name: string;
};
