import { PropertyValueMap } from "lit";
import { FRoot } from "../../mixins/components/f-root/f-root";
export type FTextStateProp = "default" | "secondary" | "subtle" | "primary" | "success" | "danger" | "warning" | "inherit" | `custom, ${string}`;
/**
 * @summary Text component includes Headings, titles, body texts and links.
 */
export declare class FText extends FRoot {
    /**
     * css loaded from scss file
     */
    static styles: import("lit").CSSResult[];
    /**
     * @attribute local state for managing custom fill.
     */
    fill: string;
    /**
     * @attribute Variants of text component are use cases such as Heading, paragraph, and code.
     */
    variant?: "heading" | "para" | "code";
    /**
     * @attribute Each variant has various sizes. By default medium is the default size.
     */
    size?: "x-large" | "large" | "medium" | "small" | "x-small";
    /**
     * @attribute Weight property defines the visual weight of the text such as regular, medium and bold.
     */
    weight?: "bold" | "medium" | "regular";
    /**
     * @attribute text to highlight
     */
    highlight?: string;
    /**
     * @attribute States on texts are used to communicate purpose and it’s connotation. For example, a red color connotes danger, whereas a green color connotes success and so on.
     */
    state?: FTextStateProp;
    /**
     * @attribute Sets the alignment of the text. Can take 3 values: left, center, and right.
     */
    align?: "left" | "center" | "right";
    /**
     * @attribute will work as in the form inline span element taking just the width of internal text
     */
    inline?: boolean;
    /**
     * @attribute f-text converts into an editable section .
     */
    editable?: boolean;
    /**
     * @attribute Loader icon replaces the content of the button .
     */
    loading?: boolean;
    /**
     * @attribute The disabled attribute can be set to keep a user from clicking on the button.
     */
    disabled?: boolean;
    /**
     * @attribute will ellipsis apply on overflow
     */
    ellipsis?: boolean;
    defaultSlot: HTMLSlotElement;
    innerTextValue: HTMLDivElement;
    spanEditable: HTMLSpanElement;
    editTextIcon: HTMLDivElement;
    isTextInput: boolean;
    get iconSize(): "small" | "x-small";
    /**
     * validation for all atrributes
     */
    validateProperties(): void;
    handleInput(e: InputEvent): void;
    handleEdit(): void;
    handleSubmit(e: MouseEvent): void;
    editOnHover(display: "flex" | "none"): void;
    showEmptyPlaceholder(): void;
    render(): import("lit-html").TemplateResult<1>;
    protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
    handleSlotChange(): void;
    moveCursorToEnd(el: HTMLSpanElement): void;
}
/**
 * Required for typescript
 */
declare global {
    interface HTMLElementTagNameMap {
        "f-text": FText;
    }
}