import React from "react";
import { Theme, StylesObject } from "@webiny/theme/types";
import { GenericComponent, makeDecoratable } from "@webiny/react-composition";
import { Renderer, Element } from "./types";
import { ElementInput, ElementInputs } from "./inputs/ElementInput";
interface GetStylesParams {
    theme: Theme;
    element: Element;
}
export type CreateRendererOptions<TRenderComponentProps, TInputs = Record<string, ElementInput>> = Partial<{
    propsAreEqual: (prevProps: TRenderComponentProps & Inputs<TInputs>, nextProps: TRenderComponentProps & Inputs<TInputs>) => boolean;
    themeStyles: StylesObject | ((params: GetStylesParams) => StylesObject);
    baseStyles: StylesObject | ((params: GetStylesParams) => StylesObject);
    inputs: TInputs;
}>;
export type Inputs<T> = {
    inputs?: {
        [K in keyof T]?: T[K] extends ElementInput<infer P> ? P : never;
    };
};
type DecoratableComponent<T extends GenericComponent> = ReturnType<typeof makeDecoratable<T>>;
export declare function createRenderer<TRenderComponentProps = Record<string, any>, TInputs extends ElementInputs = ElementInputs>(RendererComponent: React.FunctionComponent<TRenderComponentProps>, options?: CreateRendererOptions<TRenderComponentProps, TInputs>): DecoratableComponent<Renderer<TRenderComponentProps & Inputs<TInputs>>> & {
    Component: DecoratableComponent<typeof RendererComponent>;
    inputs?: TInputs;
};
/**
 * This component allows developers to intercept all element renderers using a single decorator.
 */
export declare const ElementRenderer: ((props: React.ComponentProps<Renderer<Record<string, any> & Inputs<ElementInputs>>> & {
    renderer: React.ComponentType<any>;
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
    original: (props: React.ComponentProps<Renderer<Record<string, any> & Inputs<ElementInputs>>> & {
        renderer: React.ComponentType<any>;
    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    originalName: string;
    displayName: string;
} & {
    original: ((props: React.ComponentProps<Renderer<Record<string, any> & Inputs<ElementInputs>>> & {
        renderer: React.ComponentType<any>;
    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
        original: (props: React.ComponentProps<Renderer<Record<string, any> & Inputs<ElementInputs>>> & {
            renderer: React.ComponentType<any>;
        }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: React.ComponentProps<Renderer<Record<string, any> & Inputs<ElementInputs>>> & {
        renderer: React.ComponentType<any>;
    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
        original: (props: React.ComponentProps<Renderer<Record<string, any> & Inputs<ElementInputs>>> & {
            renderer: React.ComponentType<any>;
        }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
};
export {};