import React from 'react';
import { IconDefinition } from '../../atoms/Icon/index';
import { TextFieldProps } from '../TextField/TextField';
export declare type Color = 'purple' | 'default' | 'white' | 'purpur';
declare type DropdownToggleProps = {
    /**
     * Text to display in the toggle button
     */
    label?: string;
    /**
     * icon to display before the label
     */
    icon?: IconDefinition;
    /**
     * icon to display in the toggle
     */
    toggleIcon?: IconDefinition;
    /**
     * Whether to hide the label.
     * Intended to be used with an icon for icon-toggles
     */
    hideLabel?: boolean;
    /**
     * Base color for the toggle. Border, text and icon
     */
    color?: Color;
    /**
     * Wheter to display borders around the toggle.
     */
    outline?: boolean;
    /**
     * This component renders a new dropdown toggle by default,
     * Provided children it will render the child/children as the toggle component,
     * applied with the toggle function from dropdown context on the onClick prop.
     */
    children?: React.ReactNode;
    /**
     * Tag of the toggle wrapper when
     * using a custom toggle component (passing children)
     */
    tag?: 'div' | 'span';
    type?: 'submit' | 'reset' | 'button';
    disabled?: boolean;
    className?: string;
};
export declare const DropdownToggle: React.FC<DropdownToggleProps>;
declare type DropdownSearchToggleProps = TextFieldProps & {
    /**
     * Handle input change
     */
    onInputChange: (value: string) => void;
    /**
     * String to display inside input field
     */
    placeholder?: string;
    /**
     * value of the search input
     */
    value?: string;
    /**
     * Whether to render the dropdown  immediately
     */
    openImmediately?: boolean;
    /**
     * Icon to diplay in front of search input
     */
    icon?: IconDefinition;
    dataTrackingId?: string;
};
export declare const DropdownSearchToggle: (props: DropdownSearchToggleProps) => JSX.Element;
export {};