import { type EventName, type WebComponentProps as _WebComponentProps } from '@lit-labs/react';
import type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
import type React from 'react';
import type { RefAttributes } from 'react';
declare global {
    interface VaadinRegistration {
        is: string;
        version: string;
    }
    interface Vaadin {
        registrations?: VaadinRegistration[];
    }
    interface Window {
        Vaadin?: Vaadin;
    }
}
export type EventNames = Record<string, EventName | string>;
type Constructor<T> = {
    new (): T;
    name: string;
};
type PolymerConstructor<T> = Constructor<T> & {
    _properties: Record<string, unknown>;
};
type Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{
    displayName?: string;
    elementClass: Constructor<I> | PolymerConstructor<I>;
    events?: E;
    react: typeof window.React;
    tagName: string;
}>;
export type ThemedWebComponentProps<I extends ThemePropertyMixinClass & HTMLElement, E extends EventNames = {}> = _WebComponentProps<I, E> & {
    /**
     * Attribute that can be used by the component to apply built-in style variants,
     * or to propagate its value to the sub-components in Shadow DOM.
     *
     * @see ThemePropertyMixinClass#_theme
     */
    theme?: string;
};
type AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass ? ThemedWebComponentProps<I, E> : _WebComponentProps<I, E>;
type OmittedWebComponentProps = Omit<HTMLElement, keyof React.HTMLAttributes<any> | 'autofocus'>;
export type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Omit<AllWebComponentProps<I, E>, keyof OmittedWebComponentProps>;
export declare function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;
export {};
//# sourceMappingURL=createComponent.d.ts.map