import React from "react";
import { LinkComponent } from "../types";
import { ElementInput } from "../inputs/ElementInput";
export interface ButtonClickHandler {
    id: string;
    name: string;
    handler: (params: {
        variables: Record<string, any>;
    }) => void | Promise<void>;
    variables?: Array<{
        name: string;
        label: string;
        defaultValue: any;
    }>;
}
export interface ButtonElementData {
    buttonText: string;
    link: {
        newTab: boolean;
        href: string;
    };
    icon: {
        markup: string;
        width?: number;
        position?: string;
    };
    action: {
        actionType: "link" | "scrollToElement" | "onClickHandler";
        newTab: boolean;
        href: string;
        clickHandler?: string;
        variables?: Record<string, any>;
        scrollToElement?: string;
    };
}
export interface Props {
    linkComponent?: LinkComponent;
    clickHandlers?: Array<ButtonClickHandler>;
    isEditor?: boolean;
}
export declare const elementInputs: {
    buttonText: ElementInput<string, ButtonElementData>;
    iconPosition: ElementInput<string, ButtonElementData>;
    iconMarkup: ElementInput<string, ButtonElementData>;
    actionType: ElementInput<"link" | "scrollToElement" | "onClickHandler", any>;
    actionNewTab: ElementInput<boolean, any>;
    actionHref: ElementInput<string, any>;
    actionScrollToElement: ElementInput<string | undefined, any>;
};
export declare const ButtonRenderer: React.FunctionComponent<import("../types").RendererProps<Record<string, any>> & Props & import("../createRenderer").Inputs<{
    buttonText: ElementInput<string, ButtonElementData>;
    iconPosition: ElementInput<string, ButtonElementData>;
    iconMarkup: ElementInput<string, ButtonElementData>;
    actionType: ElementInput<"link" | "scrollToElement" | "onClickHandler", any>;
    actionNewTab: ElementInput<boolean, any>;
    actionHref: ElementInput<string, any>;
    actionScrollToElement: ElementInput<string | undefined, any>;
}>> & {
    inputs?: import("../inputs/ElementInput").ElementInputs | undefined;
} & {
    original: import("../types").Renderer<Props & import("../createRenderer").Inputs<{
        buttonText: ElementInput<string, ButtonElementData>;
        iconPosition: ElementInput<string, ButtonElementData>;
        iconMarkup: ElementInput<string, ButtonElementData>;
        actionType: ElementInput<"link" | "scrollToElement" | "onClickHandler", any>;
        actionNewTab: ElementInput<boolean, any>;
        actionHref: ElementInput<string, any>;
        actionScrollToElement: ElementInput<string | undefined, any>;
    }>>;
    originalName: string;
    displayName: string;
} & {
    original: React.FunctionComponent<import("../types").RendererProps<Record<string, any>> & Props & import("../createRenderer").Inputs<{
        buttonText: ElementInput<string, ButtonElementData>;
        iconPosition: ElementInput<string, ButtonElementData>;
        iconMarkup: ElementInput<string, ButtonElementData>;
        actionType: ElementInput<"link" | "scrollToElement" | "onClickHandler", any>;
        actionNewTab: ElementInput<boolean, any>;
        actionHref: ElementInput<string, any>;
        actionScrollToElement: ElementInput<string | undefined, any>;
    }>> & {
        inputs?: import("../inputs/ElementInput").ElementInputs | undefined;
    } & {
        original: import("../types").Renderer<Props & import("../createRenderer").Inputs<{
            buttonText: ElementInput<string, ButtonElementData>;
            iconPosition: ElementInput<string, ButtonElementData>;
            iconMarkup: ElementInput<string, ButtonElementData>;
            actionType: ElementInput<"link" | "scrollToElement" | "onClickHandler", any>;
            actionNewTab: ElementInput<boolean, any>;
            actionHref: ElementInput<string, any>;
            actionScrollToElement: ElementInput<string | undefined, any>;
        }>>;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.FunctionComponent<import("../types").RendererProps<Record<string, any>> & Props & import("../createRenderer").Inputs<{
        buttonText: ElementInput<string, ButtonElementData>;
        iconPosition: ElementInput<string, ButtonElementData>;
        iconMarkup: ElementInput<string, ButtonElementData>;
        actionType: ElementInput<"link" | "scrollToElement" | "onClickHandler", any>;
        actionNewTab: ElementInput<boolean, any>;
        actionHref: ElementInput<string, any>;
        actionScrollToElement: ElementInput<string | undefined, any>;
    }>> & {
        inputs?: import("../inputs/ElementInput").ElementInputs | undefined;
    } & {
        original: import("../types").Renderer<Props & import("../createRenderer").Inputs<{
            buttonText: ElementInput<string, ButtonElementData>;
            iconPosition: ElementInput<string, ButtonElementData>;
            iconMarkup: ElementInput<string, ButtonElementData>;
            actionType: ElementInput<"link" | "scrollToElement" | "onClickHandler", any>;
            actionNewTab: ElementInput<boolean, any>;
            actionHref: ElementInput<string, any>;
            actionScrollToElement: ElementInput<string | undefined, any>;
        }>>;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
} & {
    Component: React.FunctionComponent<Props> & {
        original: React.FunctionComponent<Props>;
        originalName: string;
        displayName: string;
    } & {
        original: React.FunctionComponent<Props> & {
            original: React.FunctionComponent<Props>;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.FunctionComponent<Props> & {
            original: React.FunctionComponent<Props>;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => React.JSX.Element;
    };
    inputs?: {
        buttonText: ElementInput<string, ButtonElementData>;
        iconPosition: ElementInput<string, ButtonElementData>;
        iconMarkup: ElementInput<string, ButtonElementData>;
        actionType: ElementInput<"link" | "scrollToElement" | "onClickHandler", any>;
        actionNewTab: ElementInput<boolean, any>;
        actionHref: ElementInput<string, any>;
        actionScrollToElement: ElementInput<string | undefined, any>;
    } | undefined;
};