import React, { MouseEvent } from "react";
import { CallbackFunctions } from "../component-providers";
import { ColorPickerOptions } from "./sub-templates/tina-form-elements/color-selector";
import { IconDictionary } from "./sub-templates/tina-form-elements/icon";
export type ButtonColors = "Primary" | "Secondary" | string;
export interface TemplateButtonOptions extends ButtonTinaFields {
    buttonText?: string | null;
    color?: ButtonColors | null;
    iconFirst?: boolean | null;
    callbackFunction?: string | null;
    buttonLink?: string | null;
    icon?: string | null;
    showLeadCaptureForm?: boolean | null;
}
type ButtonProps = {
    className?: string;
    icons?: IconDictionary;
    callbackFunctions?: CallbackFunctions | null;
    data: TemplateButtonOptions;
};
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
export type ColorVariant = "primary" | "secondary";
export interface ButtonTinaFields {
    textTinaField?: string;
}
interface RippleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonTinaFields {
    children: React.ReactNode;
    rippleColor?: string;
    fontClassName?: string;
    duration?: string;
    variant: ButtonColors;
    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
}
declare const RippleButton: React.ForwardRefExoticComponent<RippleButtonProps & React.RefAttributes<HTMLButtonElement>>;
export declare const buttonColors: ColorPickerOptions;
export default RippleButton;