import React, { ComponentProps } from "react"; import { HorizontalBars } from "./components/HorizontalBars"; import { VerticalBars } from "./components/VerticalBars"; import { InternalGraphContext } from "../../hooks/use-graph/use-graph"; type VerticalProps = { horizontal?: false; } & ComponentProps; type HorizontalProps = { horizontal?: true; } & ComponentProps; export declare const Bars: { ({ horizontal, ...props }: VerticalProps | HorizontalProps): React.JSX.Element; context(ctx: InternalGraphContext): InternalGraphContext; Mouse: ({ onMove, onLeave, onEnter, className }: { className?: string; onMove?: (mouse: null | { coordinates: SVGPoint; px: { x: number; y: number; }; closest: { datapoint: { x: import("../../hooks/use-graph/use-graph").TemporalDate | string | number; y: import("../../hooks/use-graph/use-graph").TemporalDate | string | number; }; tick: { x: string | number | import("../../hooks/use-graph/use-graph").TemporalDate; y: string | number | import("../../hooks/use-graph/use-graph").TemporalDate; }; }; }, e: React.MouseEvent) => void; onEnter?: (e: React.MouseEvent) => void; onLeave?: (e: React.MouseEvent) => void; }) => React.JSX.Element; Bar: ({ x, y, fill, stroke, size, horizontal, onMouseEnter, onMouseLeave, className }: { x: number | string | import("../../hooks/use-graph/use-graph").TemporalDate | "auto"; y: number | string | import("../../hooks/use-graph/use-graph").TemporalDate | "auto"; fill?: string; stroke?: string; size?: number; anchor?: number; horizontal?: boolean; onMouseEnter?: () => void; onMouseLeave?: () => void; className?: string; }) => React.JSX.Element | null; }; export {};