/// <reference types="react" />
interface Props {
    /**
     * valid hex/rgba color for the background
     */
    background?: string;
    /**
     * callback function when the button is clicked
     */
    callback: (p: string, q: string) => void;
    /**
     * font color to be used, can be hex, rgba, or a variable
     */
    color?: string;
    /**
     * the text of the button or selected item
     */
    dropTitle: string;
    /**
     * dropdown width in pixels
     */
    dropdownWidth?: number;
    /**
     * font size in pixels
     */
    fontSize?: number;
    /**
     * if  the button should be inline-block or block
     */
    fullWidth?: 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';
    /**
     * id of the element
     */
    id?: string;
    /**
     * the list options of the button
     */
    options?: Array<Options>;
    /**
     * If using our variables, any valid color variable, or default, dark, none
     */
    theme?: string;
    /**
     * extra classes to be applied
     */
    themeClass?: string;
    /**
     * show Chevron on the left side of the dropdown
     */
    onLeftChevron?: boolean;
    /**
     * left position to be applied for the Chevron. use it along with onLeftChevron
     */
    chevronPositionLeft?: string;
    /**
     * right position to be applied for the Chevron. use it for the default right chevron.
     */
    chevronPositionRight?: string;
    /**
     * top position to be applied for the Chevron.
     */
    chevronPositionTop?: string;
}
interface Options {
    title: string;
    value: string;
    bottomTitle: string;
    showBottomTitle: boolean;
}
declare const Dropdown: ({ background, callback, color, dropTitle, dropdownWidth, fontSize, fullWidth, id, options, padding, radius, theme, themeClass, onLeftChevron, chevronPositionLeft, chevronPositionRight, chevronPositionTop, }: Props) => JSX.Element;
export default Dropdown;