import React from 'react';
export interface ButtonProps {
    /**
     * What type of button is this?
     */
    type?: 'primary' | 'secondary' | 'header';
    /**
     * What property is this button for?
     */
    webProperty?: 'originprotocol' | 'ousd' | 'oeth' | 'defi' | 'story';
    /**
     * How large should the button be?
     */
    size?: 'small' | 'medium' | 'large' | 'nav' | 'border';
    /**
     * Button contents
     */
    label?: string;
    /**
     * Optional children to use instead of a label
     */
    children?: React.ReactNode;
    /**
     * Optional click handler
     */
    onClick?: () => void;
    /**
     * Optional href
     */
    href?: string;
    /**
     * Optional target
     */
    target?: string;
    /**
     * Optional rel
     */
    rel?: string;
    /**
     * What additional classes should be used?
     * Will add onto classes derived from other props.
     */
    className?: string;
    /**
     * What additional styles should be used?
     * Will override background colors/gradients derived from other props.
     */
    style?: object;
    /**
     * Disables the button
     */
    disabled?: boolean;
    /**
     * Tailwind background color class
     */
    background?: string;
    /**
     * Whether button looks like button
     */
    isButton?: boolean;
}
/**
 * Primary UI component for user interaction
 */
export declare const Button: ({ type, webProperty, size, label, children, href, target, rel, className, style, disabled, background, isButton, onClick, ...props }: ButtonProps) => JSX.Element;