import { LitElement } from "lit"; import "../icon/icon.js"; /** * Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc. * * [Warp component reference](https://warp-ds.github.io/docs/components/pill/frameworks/elements) * * @event {CustomEvent} w-pill-click - Fires when the pill itself is clicked. * @event {CustomEvent} w-pill-close - Fires when the pill's close button is clicked. */ declare class WarpPill extends LitElement { /** * Whether the pill should be removable via a close button. */ canClose: boolean; /** * Whether the pill should be rendered as a suggestion. */ suggestion: boolean; /** * @deprecated Used "open-arial-label" instead. */ openSrLabel: string | undefined; /** * Label read by screen readers when targeting the pill. */ openAriaLabel: string | undefined; /** * @deprecated Used "close-arial-label" instead. */ closeSrLabel: string | undefined; /** * Label read by screen readers when targeting the close button. */ closeAriaLabel: string | undefined; private openFilterSrText; private removeFilterSrText; static styles: import("lit").CSSResult[]; constructor(); private get _labelClasses(); private get _closeClasses(); private _onClick; private _onClose; connectedCallback(): void; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { "w-pill": WarpPill; } } export { WarpPill };