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").IStyledComponent<"web", {
                    as?: any;
                    className?: string | undefined;
                    color?: "inherit" | ((t: import("../../../theme/theme.types").Theme) => string | string[]) | undefined;
                    id?: string | undefined;
                    weight?: string | undefined;
                    'aria-hidden'?: boolean | undefined;
                    type?: import("../../../Atoms/Typography/Typography.types").Types | undefined;
                    lineHeight?: "inherit" | undefined;
                    textAlign?: import("csstype").Property.TextAlign | undefined;
                    whiteSpace?: ("pre" | "inherit" | "initial" | "revert" | "unset" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap") | undefined;
                    children: React.ReactNode;
                }> & React.FC<import("../../../Atoms/Typography/Typography.types").Props>;
                CheckmarkBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
                    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>, {
                    size: number;
                    shape: Shape;
                }>> & 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>>;
            };
            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;
};
