import { LitElement } from 'lit';
import '@warp-ds/icons/elements/search-16';
import '@warp-ds/icons/elements/close-16';
/**
 * This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.
 *
 * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)
 */
declare class WarpAffix extends LitElement {
    ariaLabel: string;
    /**
     * Add this property to render a clickable Warp close icon.
     *
     * Set an `aria-label` that explains the action when using this.
     */
    clear: boolean;
    /**
     * Add this property to render a clickable Warp search icon.
     *
     * Set an `aria-label` that explains the action when using this.
     */
    search: boolean;
    label: string;
    static styles: import("lit").CSSResult[];
    /** @internal */
    get _classBase(): {
        wrapper: string;
        wrapperWithLabel: string;
        wrapperWithIcon: string;
        label: string;
    };
    /** @internal */
    get _classes(): string;
    /** @internal */
    get _searchButton(): import("lit").TemplateResult<1>;
    /** @internal */
    get _clearButton(): import("lit").TemplateResult<1>;
    /** @internal */
    get _text(): import("lit").TemplateResult<1>;
    /** @internal */
    get _markup(): import("lit").TemplateResult<1>;
    render(): import("lit").TemplateResult<1>;
}
export { WarpAffix };
