import type { FunctionComponent, ButtonHTMLAttributes } from 'preact';
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    /**
     * Button style variant:
     * - `default`: white background, black text, dark gray border
     * - `primary`: blue background, white text
     * - `link`: looks like a link (underline, no background or padding). Note that to set the font
     *   size or weight, you need to set them on a parent element or use higher specificty than one class.
     * - `iconOnly`: 32px width/height, light gray background on hover only
     * - `custom`: only get rid of the browser default styles
     * @default 'default'
     */
    variant?: 'default' | 'primary' | 'link' | 'iconOnly' | 'custom';
}
/**
 * Render a styled button.
 *
 * To customize colors, you can either use the CSS variables (see `Button.module.css`)
 * or increase specificity (like `button.customClass`).
 */
export declare const Button: FunctionComponent<ButtonProps>;
//# sourceMappingURL=Button.d.ts.map