/// <reference types="react" />
interface Props {
    /**
     * callback function when the button is clicked
     */
    callback: (p: string) => void;
    /**
     * the text of the button or selected item
     */
    title?: string;
    /**
     * the text of the error
     */
    error?: string;
    /**
     * font size in pixels
     */
    fontSize?: number;
    /**
     * if  the button should be inline-block or block
     */
    fullWidth?: boolean;
    /**
     * if  the required should added or not
     */
    required?: boolean;
    /**
     * if  the optional text should be shown or not
     */
    optional?: boolean;
    /**
     * padding applied to all 4 sides, in pixels, as a string (valid css)
     */
    padding?: string;
    /**
     * the rounding amount of the button
     */
    radius?: 'rounded' | 'square' | 'pill';
    /**
     * the rounding amount of the button
     */
    defaultValue?: string;
    /**
     * the list options of the button
     */
    options?: Array<Options>;
    /**
     * If using our variables, any valid color variable, or default, dark, none
     */
    /**
     * extra classes to be applys
     */
    themeClass?: string;
    id?: string;
    name?: string;
}
interface Options {
    title: string;
    value: string;
    disabled?: boolean;
}
declare const Select: ({ callback, fullWidth, padding, radius, options, fontSize, error, title, required, optional, themeClass, defaultValue, id, name, }: Props) => JSX.Element;
export default Select;