import React from "react";
declare const _default: {
    title: string;
    component: (props: any) => React.JSX.Element;
    tags: string[];
    argTypes: {
        layout: {
            control: string;
            options: string[];
        };
        size: {
            control: string;
            options: string[];
        };
        textSize: {
            control: string;
            options: string[];
        };
        disabled: {
            control: string;
        };
        valid: {
            control: string;
        };
        required: {
            control: string;
        };
        readOnly: {
            control: string;
        };
        gap: {
            control: string;
        };
        label: {
            control: string;
        };
        options: {
            control: string;
        };
        value: {
            control: string;
        };
        onChange: {
            action: string;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        name: string;
        label: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const Vertical: {
    args: {
        layout: string;
        name: string;
        label: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        onChange: (values: any) => void;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const Horizontal: {
    args: {
        name: string;
        label: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        layout: string;
        size: string;
        onChange: (values: any) => void;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const Empty: {
    args: {
        options: any[];
        value: any[];
        label: string;
        name: string;
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const WithoutLabel: {
    args: {
        label: any;
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const NoneSelected: {
    args: {
        value: any[];
        label: string;
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const AllSelected: {
    args: {
        value: string[];
        label: string;
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const WithDisabledOptions: {
    args: {
        name: string;
        options: ({
            label: string;
            value: string;
            disabled?: undefined;
        } | {
            label: string;
            value: string;
            disabled: boolean;
        })[];
        value: string[];
        label: string;
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const DisabledGroup: {
    args: {
        disabled: boolean;
        label: string;
        value: string[];
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const Invalid: {
    args: {
        valid: boolean;
        label: string;
        value: any[];
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const Optional: {
    args: {
        required: boolean;
        label: string;
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const ReadOnly: {
    args: {
        readOnly: boolean;
        label: string;
        value: string[];
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const Large: {
    args: {
        size: string;
        textSize: string;
        label: string;
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        onChange: (values: any) => void;
        layout: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const CustomGap: {
    args: {
        gap: string;
        label: string;
        name: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const LongLabels: {
    args: {
        label: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        verticalAlign: string;
        name: string;
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
    };
};
export declare const AllLayouts: {
    args: {
        name: string;
        label: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
    render: (args: any) => React.JSX.Element;
};
export declare const AllSizes: {
    args: {
        name: string;
        label: string;
        options: {
            label: string;
            value: string;
        }[];
        value: string[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
    render: (args: any) => React.JSX.Element;
};
export declare const Interactive: {
    render: (args: any) => React.JSX.Element;
    args: {
        name: string;
        label: string;
        value: string[];
        options: {
            label: string;
            value: string;
        }[];
        onChange: (values: any) => void;
        layout: string;
        size: string;
        textSize: string;
        disabled: boolean;
        valid: boolean;
        required: boolean;
        readOnly: boolean;
        gap: string;
        labelOffset: string;
        verticalAlign: string;
    };
};
export declare const Complete: {
    args: {
        name: string;
        label: string;
        layout: string;
        size: string;
        textSize: string;
        required: boolean;
        gap: string;
        options: ({
            label: string;
            value: string;
            disabled?: undefined;
        } | {
            label: string;
            value: string;
            disabled: boolean;
        })[];
        value: string[];
        onChange: (values: any) => void;
        disabled: boolean;
        valid: boolean;
        readOnly: boolean;
        labelOffset: string;
        verticalAlign: string;
    };
};