import { LitElement } from "lit"; import "../icon/icon.js"; declare const WarpAffix_base: import("@open-wc/form-control").Constructor & typeof LitElement; /** * This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`. * * [Warp component reference](https://warp-ds.github.io/docs/components/text-field/frameworks/elements#prefix-label) */ declare class WarpAffix extends WarpAffix_base { /** * @summary Accessible label for icon-button variants. * @description Used to override the default `aria-label`s for the internal button when `search` or `clear` is enabled. */ ariaLabel: string | null; /** * Add this property to render a clickable Warp close icon. * * Set an `aria-label` that explains the action when using this. * * @summary Renders a clear icon button. * @description Shows a clickable close icon meant for reset/clear actions, typically in a suffix slot. */ clear: boolean; /** * Add this property to render a clickable Warp search icon. * * @summary Renders a search icon button. * @description Shows a clickable search icon, typically in a prefix slot for search fields. */ search: boolean; /** * @summary Text label shown as prefix/suffix content. * @description Displays plain text such as a currency or unit label (for example `kr` or `%`) instead of an icon button. */ label: string; /** * @summary Icon name rendered as prefix/suffix content. * @description Displays a non-interactive `w-icon` in the affix area using the provided icon name (for example `Search` or `Close`) instead of text. */ icon: string | null; static styles: import("lit").CSSResult[]; /** @internal */ get _wrapperClasses(): string; /** @internal */ resetContainingTextField(e: Event): void; /** @internal */ submitContainingForm(e: Event): void; /** @internal */ get _searchButton(): import("lit").TemplateResult<1>; /** @internal */ get _clearButton(): import("lit").TemplateResult<1>; get _icon(): "" | import("lit").TemplateResult<1>; /** @internal */ get _text(): import("lit").TemplateResult<1>; /** @internal */ get _markup(): "" | import("lit").TemplateResult<1> | undefined; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { "w-affix": WarpAffix; } } export { WarpAffix };