import React from "react";
declare const _default: {
    title: string;
    component: React.ForwardRefExoticComponent<import("../props").SelectBox & React.RefAttributes<any>>;
    tags: string[];
    argTypes: {
        hasError: {
            control: string;
        };
        hasShowDropdownIcon: {
            control: string;
        };
        size: {
            control: string;
            options: string[];
        };
        isMulti: {
            control: string;
        };
        hasSelectAll: {
            control: string;
        };
        selectAllLabel: {
            control: string;
        };
        isSearchable: {
            control: string;
        };
        isClearable: {
            control: string;
        };
        disabled: {
            control: string;
        };
        menuWidth: {
            control: string;
        };
        menuAlign: {
            control: string;
            options: readonly ["left", "right"];
        };
        hasMenuShadow: {
            control: string;
        };
        description: {
            control: string;
        };
        icon: {
            control: string;
            options: string[];
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Small: {
    args: {
        size: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Medium: {
    args: {
        size: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const WithError: {
    args: {
        hasError: boolean;
        errorMessage: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Disabled: {
    args: {
        disabled: boolean;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const WithDescription: {
    args: {
        description: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Searchable: {
    args: {
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        placeholder: string;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Clearable: {
    args: {
        isClearable: boolean;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Multiple: {
    args: {
        placeholder: string;
        isSearchable: boolean;
        hasShowDropdownIcon: boolean;
        isMulti: boolean;
        closeMenuOnSelect: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
    };
};
export declare const MultipleWithSelectAll: {
    args: {
        placeholder: string;
        isSearchable: boolean;
        hasShowDropdownIcon: boolean;
        isMulti: boolean;
        hasSelectAll: boolean;
        selectAllLabel: string;
        closeMenuOnSelect: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
    };
};
export declare const WithoutLabel: {
    args: {
        label: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const DarkBg: {
    args: {
        lightBg: boolean;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const CustomMenuWidth: {
    args: {
        width: string;
        menuWidth: string;
        menuAlign: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const CustomMenuWidthRight: {
    args: {
        width: string;
        menuWidth: string;
        menuAlign: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const CustomMenuShadow: {
    args: {
        width: string;
        menuWidth: string;
        menuAlign: string;
        hasMenuShadow: boolean;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const WithSelectedLabel: {
    args: {
        options: {
            label: string;
            selectedLabel: string;
            value: string;
            price: string;
            period: string;
        }[];
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Empty: {
    args: {
        options: any[];
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const MenuOpen: {
    args: {
        menuIsOpen: boolean;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const WithDropdownIcon: {
    args: {
        hasShowDropdownIcon: boolean;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const WithIcon: {
    args: {
        icon: string;
        label: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        isClearable: boolean;
        lightBg: boolean;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Complete: {
    args: {
        size: string;
        label: string;
        description: string;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        hasShowDropdownIcon: boolean;
        isClearable: boolean;
        hasError: boolean;
        errorMessage: string;
        menuWidth: string;
        hasMenuShadow: boolean;
        options: {
            label: string;
            selectedLabel: string;
            value: string;
            price: string;
            period: string;
        }[];
        lightBg: boolean;
        name: string;
        width: string;
        menuAlign: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};
export declare const Interactive: {
    render: (args: any) => React.JSX.Element;
    args: {
        isClearable: boolean;
        hasShowDropdownIcon: boolean;
        placeholder: string;
        isSearchable: boolean;
        hasShowSearchIcon: boolean;
        lightBg: boolean;
        label: string;
        name: string;
        options: ({
            value: string;
            label: string;
            price: string;
            priceSm: string;
            period: string;
            labelBottom?: undefined;
        } | {
            value: string;
            label: string;
            labelBottom: string;
            price?: undefined;
            priceSm?: undefined;
            period?: undefined;
        })[];
        width: string;
        menuWidth: any;
        menuAlign: string;
        hasMenuShadow: boolean;
        hasError: boolean;
        errorMessage: string;
        maxOptionListHeight: string;
        id: string;
        isMulti: boolean;
    };
};