import { LitElement } from 'lit';
import type { ColorToken } from '@loadsmart/miranda-tokens';
import type { PropertyValues } from 'lit';
import type { IconName } from './available-icons';
export interface IconProps {
    name: IconName;
    size?: string;
    color?: ColorToken;
}
/**
 * The icon's `color` and `size` are intentionally not set by default so that they can be customized via:
 * - setting color and size CSS custom properties
 * - setting color and size attributes
 * Notice that setting color and size through their attributes will override any set CSS custom properties!
 */
export declare class Icon extends LitElement implements IconProps {
    #private;
    static styles: import("lit").CSSResult[][];
    static get properties(): {
        name: {
            type: StringConstructor;
            reflect: boolean;
        };
        size: {
            type: StringConstructor;
        };
        color: {
            type: StringConstructor;
        };
        status: {
            type: StringConstructor;
            state: boolean;
        };
    };
    /**
     * Icon color.
     */
    color: ColorToken;
    /**
     * Icon to be rendered.
     */
    name: IconProps['name'];
    /**
     * Icon size.
     */
    size: IconProps['size'];
    private icon;
    private status;
    static define(): void;
    constructor();
    connectedCallback(): void;
    update(changedProperties: PropertyValues<Icon>): void;
    updated(changedProperties: PropertyValues<Icon>): void;
    render(): import("lit-html").TemplateResult<2> | null;
}
declare global {
    interface HTMLElementTagNameMap {
        'm-icon': Icon;
    }
}
//# sourceMappingURL=icon.d.ts.map