import { type ButtonHTMLAttributes, type ReactNode, type Ref } from 'react';
import { type CssLength, type CssTime } from '../../../utils/css';
type OverlayBlobButtonSide = 'top' | 'right' | 'bottom' | 'left';
type OverlayBlobButtonPosition = 'static' | 'relative' | 'absolute' | 'fixed';
type OverlayBlobButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & {
    accent?: string;
    accentSecondary?: string;
    active?: boolean;
    centered?: boolean;
    children?: ReactNode;
    color?: string;
    duration?: CssTime;
    halo?: string;
    label?: string;
    left?: CssLength;
    position?: OverlayBlobButtonPosition;
    ref?: Ref<HTMLButtonElement>;
    right?: CssLength;
    side?: OverlayBlobButtonSide;
    size?: CssLength;
    surface?: string;
    tooltip?: ReactNode;
    tooltipBackground?: string;
    tooltipId?: string;
    tooltipMaxWidth?: CssLength;
    tooltipOffset?: CssLength;
    top?: CssLength;
    bottom?: CssLength;
};
declare const OverlayBlobButton: ({ accent, accentSecondary, active, centered, children, className, color, disabled, duration, halo, label, left, position, ref, right, side: _side, size, style, surface, tooltip, tooltipBackground, tooltipId, tooltipMaxWidth, tooltipOffset, top, bottom, type, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: OverlayBlobButtonProps) => import("react/jsx-runtime").JSX.Element;
export { OverlayBlobButton, type OverlayBlobButtonPosition, type OverlayBlobButtonProps, type OverlayBlobButtonSide, };