import type { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react'; import { TooltipCommonProps } from '../common'; import { ValuesOf } from '../utils/typeUtils'; import { ICON_SIZES } from './FillButton.constants'; export type FillButtonProps = ButtonHTMLAttributes & { /** Defines a callback handler. Handler is called whenever a button is clicked. */ onClick?: MouseEventHandler; /** Controls the size of a plus icon. * @default 'small' */ iconSize?: FillButtonIconSize; /** Specify whether button should be disabled or not. */ disabled?: boolean; /** Defines button fill value in string format. Accepts HEX colors and gradients. */ fill?: string; /** Specifies a message to display on button hover. */ tooltipContent?: ReactNode; /** Allows to pass tooltip common props. * @linkTypeTo Tooltip * @setTypeName TooltipCommonProps */ tooltipProps?: TooltipCommonProps; /** Applies a data-hook HTML attribute that can be used in the tests. */ dataHook?: string; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** Overrides the default plus icon with any Wix Design System icon. This doesn't work together with `iconSize`, so control the icon size manually. */ icon?: ReactNode; }; export type FillButtonIconSize = ValuesOf; //# sourceMappingURL=FillButton.types.d.ts.map