import { type CSSProperties } from 'react';
import { type ButtonControlProps } from '../../shared/contracts';
import { type CssLength, type CssTime } from '../../../utils/css';
type MorphingTextButtonStyle = CSSProperties & {
    '--morphing-text-button-bg'?: string;
    '--morphing-text-button-blur'?: string;
    '--morphing-text-button-color'?: string;
    '--morphing-text-button-duration'?: string;
    '--morphing-text-button-font-family'?: string;
    '--morphing-text-button-font-size'?: string;
    '--morphing-text-button-font-weight'?: string;
    '--morphing-text-button-hover-color'?: string;
    '--morphing-text-button-padding-block'?: string;
    '--morphing-text-button-padding-inline'?: string;
    '--morphing-text-button-radius'?: string;
    '--morphing-text-button-scale-y'?: string;
};
type MorphingTextButtonProps = Omit<ButtonControlProps, 'children' | 'color' | 'style'> & {
    background?: string;
    blur?: CssLength;
    color?: string;
    defaultText?: string;
    duration?: CssTime;
    fontSize?: CssLength;
    fontWeight?: number | string;
    forceHovered?: boolean;
    hoverColor?: string;
    hoverText?: string;
    label?: string;
    morphScaleY?: number;
    paddingBlock?: CssLength;
    paddingInline?: CssLength;
    radius?: CssLength;
    style?: MorphingTextButtonStyle;
};
declare const MorphingTextButton: ({ background, blur, className, color, defaultText, duration, fontSize, fontWeight, forceHovered, hoverColor, hoverText, label, morphScaleY, paddingBlock, paddingInline, radius, ref, style, type, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...buttonProps }: MorphingTextButtonProps) => import("react/jsx-runtime").JSX.Element;
export { MorphingTextButton };
export type { MorphingTextButtonProps, MorphingTextButtonStyle };