/** @jsxImportSource react */
import type { JSX as ReactJSX } from "react";
import { ChildNode, StyledContainerBase, StyledContainerConfig } from "../ui/Container";
import type { RenderProps } from "../ui/Instance";
import { Instance } from "../ui/Instance";
import { BooleanProp, NumberProp, Prop, StringProp, StructuredProp } from "../ui/Prop";
import type { RenderingContext } from "../ui/RenderingContext";
import type { TooltipInstance } from "./overlay/Tooltip";
import type { TooltipConfig, TooltipProp } from "./overlay/tooltip-ops";
import { TooltipParentInstance } from "./overlay/tooltip-ops";
export declare let urlAttributes: Record<string, boolean>;
type ReactIntrinsicElements = ReactJSX.IntrinsicElements;
type IsEventHandler<K, T> = K extends `on${string}` ? NonNullable<T> extends Function ? true : false : false;
type CxEventHandler<T> = T extends (event: infer E) => any ? string | ((event: E, instance: Instance) => void) : T extends undefined ? undefined : string | T;
type TransformHtmlElementProps<T> = {
    [K in keyof T as K extends "style" | "className" | "class" ? never : K]: K extends "children" ? ChildNode | ChildNode[] : IsEventHandler<K, T[K]> extends true ? CxEventHandler<T[K]> : string extends T[K] ? Prop<T[K]> : NonNullable<T[K]> extends string ? Prop<T[K]> | string : Prop<T[K]>;
};
/** Base HtmlElement configuration - core CxJS properties for extension by widgets */
export interface HtmlElementConfigBase extends StyledContainerConfig {
    id?: StringProp | NumberProp;
    /** HTML tag name */
    tag?: string;
    /** Inner text contents. */
    text?: StringProp | NumberProp;
    /** Inner html contents. */
    innerHtml?: StringProp;
    /** Inner html contents. */
    html?: StringProp;
    /** Tooltip configuration. */
    tooltip?: StringProp | TooltipConfig;
    /** Additional attributes to be applied. */
    attrs?: StructuredProp;
    /** Additional data attributes. */
    data?: StructuredProp;
    autoFocus?: BooleanProp;
    onRef?: string | ((element: HTMLElement | null, instance: Instance) => void);
}
/** HtmlElement configuration with tag-specific attributes and events */
export type HtmlElementConfig<Tag extends keyof ReactIntrinsicElements = "div"> = Omit<HtmlElementConfigBase, "tag"> & TransformHtmlElementProps<ReactIntrinsicElements[Tag]> & {
    tag?: Tag;
};
export declare class HtmlElementInstance<E extends HtmlElement<any, any> = HtmlElement<any, any>> extends Instance<E> implements TooltipParentInstance {
    events?: Record<string, (e: React.SyntheticEvent, instance: Instance) => any>;
    tooltips: {
        [key: string]: TooltipInstance;
    };
}
export declare class HtmlElement<Config extends HtmlElementConfigBase = HtmlElementConfig, InstanceType extends HtmlElementInstance<any> = HtmlElementInstance<any>> extends StyledContainerBase<Config, InstanceType> {
    tag?: string;
    html?: string;
    innerText?: string;
    text?: string;
    innerHtml?: string;
    attrs?: Record<string, unknown>;
    data?: Record<string, unknown>;
    events?: Record<string, (e: Event, instance: Instance) => unknown>;
    urlAttributes?: string[];
    extraProps?: Record<string, unknown>;
    tooltip?: TooltipProp;
    onRef?: string | ((element: HTMLElement | null, instance: Instance) => void);
    autoFocus?: boolean | string;
    [key: string]: unknown;
    constructor(config?: Config);
    declareData(...args: Record<string, unknown>[]): void;
    isValidHtmlAttribute(attrName: string): string | false;
    init(): void;
    prepareData(context: RenderingContext, instance: InstanceType): void;
    attachProps(context: RenderingContext, instance: InstanceType, props: RenderProps): void;
    render(context: RenderingContext, instance: InstanceType, key: string): React.ReactNode;
}
export {};
//# sourceMappingURL=HtmlElement.d.ts.map