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