import React from "react";
declare const _default: {
    title: string;
    component: (props: any) => React.JSX.Element;
    tags: string[];
    argTypes: {
        label: {
            control: string;
        };
        selectedValue: {
            control: string;
        };
        options: {
            control: boolean;
        };
        onChange: {
            action: string;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        selectedValue: string;
        label: string;
        onChange: (value: any) => void;
    };
};
export declare const MiddleSelected: {
    args: {
        selectedValue: string;
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        label: string;
        onChange: (value: any) => void;
    };
};
export declare const LastSelected: {
    args: {
        selectedValue: string;
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        label: string;
        onChange: (value: any) => void;
    };
};
export declare const WithoutLabel: {
    args: {
        label: any;
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        selectedValue: string;
        onChange: (value: any) => void;
    };
};
export declare const TwoSteps: {
    args: {
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        selectedValue: string;
        label: string;
        onChange: (value: any) => void;
    };
};
export declare const FourSteps: {
    args: {
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        selectedValue: string;
        label: string;
        onChange: (value: any) => void;
    };
};
export declare const WithDifferentValues: {
    args: {
        options: {
            value: number;
            label: string;
            activeLabel: string;
        }[];
        selectedValue: number;
        label: string;
        onChange: (value: any) => void;
    };
};
export declare const WithCustomComponent: {
    args: {
        selectedValue: string;
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        label: string;
        onChange: (value: any) => void;
    };
};
export declare const Interactive: {
    render: (args: any) => React.JSX.Element;
    args: {
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        selectedValue: string;
        label: string;
        onChange: (value: any) => void;
    };
};
export declare const Complete: {
    args: {
        options: {
            value: string;
            label: string;
            activeLabel: React.JSX.Element;
        }[];
        selectedValue: string;
        label: string;
        onChange: (value: any) => void;
    };
};