/// <reference types="react" />
import { RightLeftExpandingCenterChipProps } from './type';
/**
 * Component: RightLeftExpandingCenterChip
 *
 * Renders a center chip with optional inline expandable content and animated
 * stacks of chips that expand to the left and right when hovering the center.
 *
 * Behavior
 * - Hover activation: Only when the pointer enters the CenterChip. Hover persists
 *   across expanded icons and the gaps between them via transparent HoverBridge overlays.
 *   Hover ends when the pointer leaves the main wrapper (with a small debounce handled
 *   inside the useRightLeftExpandingCenterChip hook).
 * - Anchoring: Left/Right expanded sections are anchored to the start/end of the center
 *   content using measured anchors from the hook.
 * - Motion & layout:
 *   - ExpandableContainer width is driven by a MotionValue (expandedMV) based on measured
 *     width of the expandable content; AnimatePresence provides smooth mount/unmount.
 *   - The whole center group shifts by shiftX to visually compensate the inline expansion.
 *   - Left/Right chips slide out using computed offsets derived from measured chip widths.
 * - Overlay order: expandedZIndex controls the base z-index for expanded sections; individual
 *   chips stack above this base so later items appear beneath earlier items.
 *
 * Props
 * @param leftIcons - Icons/chips to show expanding to the left while hovering.
 * @param rightIcons - Icons/chips to show expanding to the right while hovering.
 * @param centerIcon - Static content inside the center chip.
 * @param expandableCenterRight - Optional inline content that expands to the right within the center chip.
 * @param expandableCenterLeft - Optional inline content that expands to the left within the center chip.
 * @param expandedZIndex - Base z-index for expanded sections and icons (default 1000).
 * @param props - Additional Box props forwarded to the root container.
 *
 * @returns Root Box containing the motion-driven chip UI.
 */
declare function RightLeftExpandingCenterChip({ leftIcons, rightIcons, centerIcon, expandableCenterRight, expandableCenterLeft, expandedZIndex, ...props }: Readonly<RightLeftExpandingCenterChipProps>): import("react").JSX.Element;
export default RightLeftExpandingCenterChip;