// Generated by dts-bundle-generator v7.2.0

import { Type } from '@angular/core';
import { MountConfig } from 'cypress/angular';
import { LitElement, TemplateResult } from 'lit';
import { Attributes, ComponentClass, FunctionComponent, JSX } from 'react';

export interface IRenderer {
	render: () => void;
}
export interface AngularOptions<T> {
	type: Type<T>;
	config: MountConfig<T>;
	props?: Partial<T>;
	children?: string;
	template?: string;
	selector?: string;
}
export interface ReactOptions<P extends {}, T extends FunctionComponent<P> | ComponentClass<P> | ((props: P) => JSX.Element)> {
	type: T;
	props?: (Attributes & P) | null;
	children?: string;
}
export interface LitOptions<T extends LitElement> {
	element?: {
		new (...args: any[]): LitElement;
	};
	selector?: string;
	children?: string;
	props?: Partial<T>;
	template?: TemplateResult;
}
export interface Options {
	getAngularOptions?: <T>() => AngularOptions<T>;
	getReactOptions?: <P extends {}, T extends FunctionComponent<P> | ComponentClass<P> | ((props: P) => JSX.Element)>() => ReactOptions<P, T>;
	getLitOptions?: <T extends LitElement>() => LitOptions<T>;
}
/**
 * @classdesc Designed for running the same component tests  for different framework
 *
 * render a component (in Component Test context) of specific framework (React/Lit/Angular) based on an env variable
 * @example
 * in cypress config file
 * ```json
 * env: {
 *       framework: 'lit',
 *   },
 * ```
 * @example
 * in cypress config file
 * ```json
 * env: {
 *       framework: 'react',
 *   },
 * ```
 * @example
 * in cypress config file
 * ```json
 * env: {
 *       framework: 'angular',
 *   },
 * ```
 * @example
 * ```ts
 * const children: string = `
 * <span slot="alert-title">Title</span>
 * <span slot="alert-details">Alert!!!</span>
 * `;
 * const renderFactory: RenderFactory = new RenderFactory({
 *           getLitOptions: () => ({ element: AlertElement, selector: 'my-alert', props: {type: "inline", status: "danger"}, children }),
 *           getReactOptions: () => ({ type: MyAlert, props: { type: "inline", status: "danger" , children} }),
 *           getAngularOptions: () => ({ type: AlertComponent, config: {declarations: [AlertComponent]}, props: get.props() })
 *       });
 * const renderer = renderFactory.createRenderer()
 * renderer.render()
 * ```
 *
 **/
export declare class RenderFactory {
	protected readonly options: Options;
	constructor(options: Options);
	/**
	 * @returns IRenderer
	 * @example
	 */
	createRenderer(): IRenderer;
	protected renderLit<T extends LitElement>({ element, selector, props, children, template }: LitOptions<T>): void;
	protected renderReact<P extends {}, T extends FunctionComponent<P> | ComponentClass<P> | ((props: P) => JSX.Element)>({ type, props, children }: ReactOptions<P, T>): void;
	protected renderAngular<T>({ type, config, props, children, template, selector }: AngularOptions<T>): PromiseLike<import("@angular/core/testing").ComponentFixture<unknown>>;
	protected get: {
		reactChildren: (children: string) => string | JSX.Element | JSX.Element[];
		litChildren: (children: string) => import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/template-content.js").TemplateContentDirective>;
	};
}

export {};