import { CSSResultGroup } from 'lit';
import { default as BaseMdChip } from './base/base-chip.ts';
export type FilterChipVariant = "outlined" | "elevated";
/**
 * @tag md-filter-chip
 * @summary Material Design 3 Filter Chip
 *
 * Filter chips use tags or descriptive words to filter content.
 * Toggles a selected state. When selected, renders the `selected-icon` slot
 * in the leading position (e.g. a checkmark); otherwise renders `leading-icon`.
 *
 * @slot - Label text
 * @slot leading-icon - Icon shown when the chip is NOT selected
 * @slot selected-icon - Icon shown when the chip IS selected (e.g. checkmark)
 *
 * @fires change - Fired when selected state changes
 */
export default class MdFilterChip extends BaseMdChip {
    static get styles(): CSSResultGroup;
    /** Visual variant */
    variant: FilterChipVariant;
    /** Whether the chip is selected (toggled on) */
    selected: boolean;
    private _hasSelectedIcon;
    protected _handleClick(_e: Event): void;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "md-filter-chip": MdFilterChip;
    }
}