import { n as MicroDatum } from "../../interactive-C4bxY0ip.js";
import { t as ScalarStrings } from "../../strings-scalar-C_B3azW6.js";
import { r as TrendArrowProps } from "../../index-Dwtb38gz2.js";
//#region src/charts/trend-arrow/client.d.ts
interface InteractiveTrendArrowProps extends TrendArrowProps {
  /** Announce + pulse when the direction changes (default true). */
  live?: boolean;
  strings?: ScalarStrings;
  /**
   * Opt-in entrance motion (default `false`): the glyph lifts and scales in
   * (a subtle `pop`) when the chart first mounts client-side. The pop is a
   * one-shot at mount; the direction-change pulse (CSS `transform` on this same
   * `.mc-root` svg) only fires on a later value change, so the two never run at
   * once. Inert on the server and on hydrated server HTML;
   * `prefers-reduced-motion` always wins.
   */
  animate?: boolean;
  /**
   * The active (hovered / keyboard-focused) unit changed. One glyph = one unit, so
   * this fires once with `{ index: 0, … }` on pointer enter or focus and once
   * with `null` when that clears — never repeatedly while the pointer moves
   * inside the glyph, and never twice when hover and focus overlap.
   */
  onActive?: ((datum: MicroDatum | null) => void) | undefined;
  /** Click/tap or Enter/Space — `{ index: 0, value: the signed change, label: direction }`. */
  onSelect?: ((datum: MicroDatum | null) => void) | undefined;
}
declare function TrendArrow(props: InteractiveTrendArrowProps): React.ReactNode;
//#endregion
export { InteractiveTrendArrowProps, TrendArrow };