import React, { MouseEventHandler, PropsWithChildren, ReactElement } from 'react';
import { ThemeColorVariables } from '@dreipol/t3-react-theme';
export type ButtonProps = Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'color' | 'prefix'> & PropsWithChildren<{
    /**
     * Click handler
     */
    onClick?: MouseEventHandler;
    /**
     * Custom color
     */
    color?: ThemeColorVariables;
    /**
     * Use the contrast color for the label instead of the main color
     */
    contrastLabel?: boolean;
    /**
     * Variant of the button
     */
    variant?: 'outlined' | 'filled' | 'text';
    /**
     * Render as disabled state
     */
    disabled?: boolean;
    /**
     * Custom icon prefix
     */
    prefix?: ReactElement;
    /**
     * Custom icon suffix
     */
    suffix?: ReactElement;
    /**
     * Render in fullwidth
     */
    fullWidth?: boolean;
}>;
export declare const Button: ({ variant, disabled, onClick, children, className, prefix, suffix, contrastLabel, fullWidth, color, ...props }: ButtonProps) => JSX.Element | null;