import { type ReactNode } from 'react';
/**
 * Hook: useRightLeftExpandingCenterChip
 * Encapsulates hover logic, measurement (anchors, chip widths, expandable width),
 * and motion values for the RightLeftExpandingCenterChip component.
 */
export declare const DEFAULT_CHIP_MIN_WIDTH = 24;
export type UseRightLeftExpandingCenterChipArgs = {
    leftIcons: ReactNode[];
    rightIcons: ReactNode[];
    centerIcon: ReactNode;
    expandableCenterRight?: ReactNode;
    expandableCenterLeft?: ReactNode;
};
export declare function useRightLeftExpandingCenterChip({ leftIcons, rightIcons, centerIcon, expandableCenterRight, expandableCenterLeft, }: UseRightLeftExpandingCenterChipArgs): {
    isHovering: boolean;
    handleMouseEnter: () => void;
    handleMouseLeave: () => void;
    centerWrapRef: import("react").MutableRefObject<HTMLDivElement | null>;
    centerContentRef: import("react").MutableRefObject<HTMLSpanElement | null>;
    centerChipRef: import("react").MutableRefObject<HTMLDivElement | null>;
    anchors: {
        left: number;
        right: number;
    };
    leftChipRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
    rightChipRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
    leftOffsets: number[];
    rightOffsets: number[];
    expandableRightInnerRef: import("react").MutableRefObject<HTMLSpanElement | null>;
    expandableLeftInnerRef: import("react").MutableRefObject<HTMLSpanElement | null>;
    expandableRightWidth: number;
    expandableLeftWidth: number;
    expandedRightMV: import("framer-motion").MotionValue<number>;
    expandedLeftMV: import("framer-motion").MotionValue<number>;
    shiftX: import("framer-motion").MotionValue<number>;
    rightShift: number;
    leftShift: number;
    leftHoverWidth: number;
    rightHoverWidth: number;
};