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

The design system for Dossier.

import type { FunctionComponent, MouseEventHandler } from 'react';
import type { Color } from '../../config/Colors.js';
import { type IconName, type IconProps } from '../Icon/Icon.js';
interface IconButtonProps {
    className?: string;
    color?: Color;
    disabled?: boolean;
    icon: IconName;
    toggled?: boolean;
    size?: IconProps['size'];
    onClick?: MouseEventHandler<HTMLButtonElement>;
    onMouseDown?: MouseEventHandler<HTMLButtonElement>;
}
/** @public */
export interface IconButtonGroupProps {
    condensed?: boolean;
    skipBottomMargin?: boolean;
    children: React.ReactNode;
}
/** @public */
export interface IconButtonComponent extends FunctionComponent<IconButtonProps> {
    Group: FunctionComponent<IconButtonGroupProps>;
}
export declare const IconButton: IconButtonComponent;
export {};