import React from "react";
export interface ListProps {
    /**
     * Define o estilo do componente, standard ou inverse.
     */
    type?: "standard" | "inverse";
    /**
     * Define um array de opções da lista, com a opção no seguinte formato:
     *
     * {
     *   label: string;
     *   selected?: boolean;
     *   value: number;
     *   dataCollect?: string | null;
     *   dataCollectInfo?: string | null;
     *   dataQA?: string | null;
     *   dataTestId?: string | null;
     * }
     */
    options: Array<Option>;
    active?(event: React.MouseEvent<HTMLLIElement>): void;
    /**
     * Define uma função de callback, que será chamada ao clique de cada opção, com a opção escolhida, como parâmetro, assim como ela aparece no array.
     */
    handleClick(option: Option): void;
    /**
     * Nome do ícone que deve ser carregado, caso exista. O ícone deve estar contido na biblioteca de ícones do Pulso.
     */
    iconName?: string;
    /**
     * Define referência para cada opção da lista.
     */
    setOptionRef?(element: HTMLLIElement | null): void;
    /**
     * Define uma função de callback, que será chamada ao foco de cada opção, com o index da opção na lista, como parâmetro.
     */
    onFocus?(event: React.FocusEvent<HTMLLIElement>, index: number): void;
    /**
     * Define uma função de callback, que será chamada no keyDown de cada opção, o evento, como parâmetro.
     */
    onKeyDown?(event: React.KeyboardEvent<HTMLLIElement>): void;
    active?(event: React.MouseEvent<HTMLLIElement>): void;
}
export interface Option {
    disabled?: boolean;
    label: string;
    selected?: boolean;
    value: number;
    dataCollect?: string | null;
    dataCollectInfo?: string | null;
    dataQA?: string | null;
    dataTestId?: string | null;
}
/**
 * <blockquote style="background-color:#ffb3b3; font-size:14px; lineHeight:25px;">
 *    <i>
 *        Obs: Esse componente precisa estar dentro de um ThemeProvider, para o carregamento de seu estilo. Nos sites em React de Drogasil e Drogaraia o ThemeProvider já encontra-se configurado como um componente de alto nível, portanto não há a necessidade de incluí-lo novamente.
 *   </i>
 * </blockquote>
 *
 * Para utilizar esse componente, deve-se importar:
 *
 * ```
 * import List from "@raiadrogasil/pulso-react-components/List";
 * ```
 *
 * ou
 *
 * <blockquote style="background-color:#ffb3b3; font-size:14px; lineHeight:25px;">
 *  <i>
 *            Obs: O método com chaves importa o código de todos os componentes, mesmo os que não estão listados entre as chave. Portanto, por questão de performance, é desaconselhado seu uso.
 *  </i>
 * </blockquote>
 *
 * ```
 * import { List } from "@raiadrogasil/pulso-react-components/";
 * ```
 */
declare const List: React.FC<ListProps>;
export default List;