import React from "react";
import { Clickable } from "./Clickable";
import { colors } from '../../../components/Text/TextV2';
import './styles/buttons.scss';
export declare type ButtonProps = {
    onClick: (ev: React.MouseEvent<HTMLButtonElement>) => void;
    loading?: boolean;
    disabled?: boolean;
};
export declare const SecondaryButton: React.FC<ButtonProps>;
export declare type ButtonLinkProps = {
    onClick: () => void;
    url: string;
};
export declare const ButtonLink: React.FC<ButtonLinkProps>;
export declare const PrimaryButton: React.FC<ButtonProps & {
    loading?: boolean;
    disabled?: boolean;
}>;
export declare const BodyTextLink: React.FC<{
    onClick: Clickable;
    color?: colors;
}>;
export declare const TextLinkIcon: React.FC<{
    src: string;
    alt?: string;
    onClick: Clickable;
}>;
export declare const SpecialButton: React.FC<ButtonProps>;
export declare const DangerButton: React.FC<ButtonProps>;
export declare const ChoiceButtons: React.FC;
export declare type IconButtonProps = ButtonProps & {
    src: string;
    highlighted?: boolean;
    onClick: () => {};
};
export declare const IconButton: React.FC<IconButtonProps>;
export declare const IconOutlineButton: React.FC<ButtonProps & {
    src: string;
    highlighted?: boolean;
    onClick: () => {};
}>;
export declare const ShareIconButton: React.FC<IconButtonProps & {
    openLinks?: boolean;
    links: {
        icon: string;
        name: string;
        onClick: Clickable;
    }[];
}>;
