import { LitElement, nothing } from 'lit';
import { IconName, IconStyle } from './icon-registry';
/**
 * @tag plus-icon
 * @since 0.0.0
 * @status stable
 *
 * PlusIcon component provides a consistent way to render SVG icons across the system.
 * Supports size variants, style variants (solid, regular, light), and CDN fallback.
 *
 * @csspart base - The component's base wrapper
 * @csspart icon - The SVG icon element
 *
 * @cssproperty --icon-size - Custom icon size (overrides size variants)
 * @cssproperty --icon-color - Custom icon color (overrides currentColor)
 *
 * @example
 * ```html
 * <!-- Default solid icon -->
 * <plus-icon icon-name="star"></plus-icon>
 *
 * <!-- Different style -->
 * <plus-icon icon-name="heart" style="regular"></plus-icon>
 *
 * <!-- With size -->
 * <plus-icon icon-name="user" size="lg"></plus-icon>
 *
 * <!-- Custom size -->
 * <plus-icon icon-name="home" style="--icon-size: 32px;"></plus-icon>
 * ```
 */
export default class PlusIcon extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Name of the icon to display
     */
    iconName: IconName;
    /**
     * Style variant of the icon: solid, regular, or light
     * @default 'solid'
     */
    iconStyle: IconStyle;
    /**
     * Size variant for the icon
     * @default 'md'
     */
    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
    /**
     * Label for accessibility - will be used as aria-label
     */
    label?: string;
    private svgContent;
    private isLoading;
    private hasError;
    protected updated(changedProperties: Map<string, unknown>): void;
    private loadIcon;
    render(): import("lit-html").TemplateResult<1> | typeof nothing;
}
export { PlusIcon };
//# sourceMappingURL=icon.d.ts.map