import type { Theme } from '../../utils/styles';
/**
 * @component diwa-icon
 *
 * Renders a Lucide icon as an inline SVG inside Shadow DOM.
 * The icon inherits `color` from the parent via `currentColor` by default.
 *
 * Usage:
 *   <diwa-icon name="arrow-right"></diwa-icon>
 *   <diwa-icon name="user" size="32" color="var(--diwa-accent)"></diwa-icon>
 *   <diwa-icon name="bell" label="Notifications"></diwa-icon>
 */
export declare class DiwaIcon {
    host: HTMLElement;
    /**
     * Lucide icon name in kebab-case.
     * Full list: https://lucide.dev/icons/
     * Examples: "arrow-right", "check", "user", "trash-2"
     */
    name: string;
    /**
     * Icon size in pixels. Sets both width and height.
     * @default 24
     */
    size: number;
    /**
     * Stroke color. Defaults to `currentColor` so the icon inherits the
     * parent element's text color automatically. Pass any CSS color value or
     * custom property reference to override.
     * @default "currentColor"
     */
    color: string;
    /**
     * Accessible label for non-decorative icons.
     * When provided, adds `role="img"` and `aria-label` to the SVG.
     * When omitted, the icon is treated as decorative (`aria-hidden="true"`).
     */
    label?: string;
    /**
     * Per-component theme override.
     * Setting this reflects data-theme onto the host so light/dark token
     * overrides cascade into the Shadow DOM via CSS custom property inheritance.
     */
    theme: Theme;
    private svgEl?;
    componentDidRender(): void;
    render(): any;
}
//# sourceMappingURL=diwa-icon.d.ts.map