import type { CSSResultGroup } from 'lit';
import DSAIcon from '../icon/icon';
import { ShoelaceElement } from '../../internal/shoelace-element';
/**
 * @summary Filter Button is used to toggle a filter list of options, and display the selected values.
 * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/filtres/bouton-filtre-filter-button/web-MLWYDX3J
 *
 * @dependency dsa-icon
 */
export default class DSAFilterButton extends ShoelaceElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'dsa-icon': typeof DSAIcon;
    };
    private readonly localize;
    /** The filter's label */
    label: string;
    /** The selected option label. Will be displayed in the button if only one option is selected. */
    selectedOption: string;
    /** The number of selected options. Will be displayed in the button as a badge if multiple options are selected. */
    selectionCount: number;
    /** The tab index of the filter button */
    tabindex: number;
    disabled: boolean;
    readonly: boolean;
    drawer: boolean;
    connectedCallback(): void;
    handleSelectionCountChange(): void;
    handleDisabledChange(): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'dsa-filter-button': DSAFilterButton;
    }
}