import React from 'react';
import { Shape } from './Checkbox.shape';
declare const _default: {
    title: string;
    parameters: {
        component: import("./Checkbox.types").CheckboxComponent & {
            components: {
                Label: import("styled-components").StyledComponent<React.FC<import("../../../Atoms/Typography/Typography.types").Props>, import("styled-components").DefaultTheme, {}, never>;
                CheckmarkBox: 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, {
                    size: number;
                    shape: Shape;
                }, never>;
            };
            Shape: typeof Shape;
        };
    };
};
export default _default;
export declare const DefaultStory: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const CircleStory: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const DefaultStoryWithTooltip: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const DefaultStoryWithTooltipPositionTop: () => React.JSX.Element;
export declare const DefaultStoryWithTooltipParagraph: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const DefaultStoryWithTooltipPositionTopParagraph: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithDefaultChecked: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithCheckedControlledBehaviour: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const RequiredStory: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithAnErrorIfNotChecked: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const InAGroup: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const InAGroupWithTooltip: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const InAGroupWithTooltipPositionTop: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const InAGroupWithError: {
    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 ElementLabelStory: {
    render: () => React.JSX.Element;
    name: string;
};
export declare const WithDifferentSizes: {
    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;
};
