@dossierhq/design/lib/components/Button/Button.d.ts

The design system for Dossier.

import { type CSSProperties, type MouseEventHandler, type ReactNode, type Ref } from 'react';
import { type Color } from '../../config/Colors.js';
import { type IconName } from '../Icon/Icon.js';
export declare const Button: import("react").ForwardRefExoticComponent<(Omit<{
    ref?: Ref<HTMLAnchorElement | HTMLButtonElement>;
    className?: string;
    style?: CSSProperties;
    iconLeft?: IconName;
    iconRight?: IconName;
    color?: Color;
    title?: string;
    children: ReactNode;
} & {
    as: "a";
    href?: string;
    target?: string;
}, "ref"> | Omit<{
    ref?: Ref<HTMLAnchorElement | HTMLButtonElement>;
    className?: string;
    style?: CSSProperties;
    iconLeft?: IconName;
    iconRight?: IconName;
    color?: Color;
    title?: string;
    children: ReactNode;
} & {
    as?: "button";
    disabled?: boolean;
    type?: "button" | "submit" | "reset";
    onClick?: MouseEventHandler<HTMLButtonElement>;
    onMouseDown?: MouseEventHandler<HTMLButtonElement>;
}, "ref">) & import("react").RefAttributes<unknown>>;