import { FRoot } from "../../mixins/components/f-root/f-root";
declare const variants: readonly ["circle", "square", "hexagon", "squircle"];
declare const category: readonly ["fill", "outline"];
declare const sizes: readonly ["x-large", "large", "medium", "small"];
declare const states: readonly ["primary", "danger", "warning", "success", "default", "inherit"];
export type FPictogramVariant = (typeof variants)[number];
export type FPictogramCategory = (typeof category)[number];
export type FPictogramSize = (typeof sizes)[number];
export type FPictogramState = (typeof states)[number];
export declare class FPictogram extends FRoot {
    /**
     * css loaded from scss file
     */
    static styles: import("lit").CSSResult[];
    /**
     * @attribute Variants are various representations of Pictogram. For example Pictogram can be round, curved, square, or hexagon.
     */
    variant?: FPictogramVariant;
    /**
     * @attribute Variants are various representations of Pictogram. For example Pictogram can be round, curved, square, or hexagon.
     */
    category?: FPictogramCategory;
    /**
     * @attribute source for f-pictogram, source could be icon name, url, raw SVG, text, emoji etc.
     */
    source: string;
    /**
     * @attribute Size of f-pictogram
     */
    size?: FPictogramSize;
    /**
     * @attribute State Border colorm for f-pictogram.
     */
    state?: FPictogramState;
    /**
     * @attribute Loader .
     */
    loading?: boolean;
    /**
     * @attribute The disabled attribute can be set to keep a user from clicking on the Pictogram.
     */
    disabled?: boolean;
    /**
     * @attribute The hover attribute to change background on hovering on pictogram.
     */
    clickable?: boolean;
    autoBg: boolean;
    get getLetters(): string;
    capitalizeFirstLetter(string: string): string;
    get textSource(): string;
    hslToHex(h: number, s: number, l: number): string;
    get textColor(): "#202a36" | "#fcfcfd";
    get textColorStyling(): string;
    get renderedHtml(): import("lit-html").TemplateResult<1>;
    get isSourceText(): boolean;
    sourceSize(): "small" | "medium" | "x-small";
    get hashCode(): string;
    stringReplaceAtIndex(str: string, index: number, chr: number): string;
    get hashCodeHover(): string;
    applyStyles(): string;
    validateProperties(): void;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * Required for typescript
 */
declare global {
    interface HTMLElementTagNameMap {
        "f-pictogram": FPictogram;
    }
}
export {};