/** * Annotation tools the toolbar can put into "active" mode. Each * value maps 1:1 to a render branch in {@link AnnotationCanvas}. * * Pen is listed first so the leftmost tool draws immediately; Select * only affects annotations you've already placed (empty canvas = * nothing to grab — not broken). * * @public */ export type AnnotationTool = "pointer" | "pen" | "arrow" | "rectangle" | "ellipse" | "text" | "highlight"; interface AnnotationToolbarProps { activeTool: AnnotationTool; onToolChange: (tool: AnnotationTool) => void; strokeColor: string; onStrokeColorChange: (color: string) => void; onUndo: () => void; onRedo: () => void; canUndo: boolean; canRedo: boolean; saving: boolean; /** * Mobile / touch layout: items wrap onto multiple rows and every * control gets a finger-sized hit target. Defaults to false (desktop * single-row layout with smaller buttons). */ compact?: boolean; } /** * Self-styled annotation toolbar — works in any host with no Tailwind * config required. Shows a visible floating tooltip on hover / focus * (not only the native `title` attribute) so touch and fast users * still discover what each control does. * * @public */ export declare function AnnotationToolbar({ activeTool, onToolChange, strokeColor, onStrokeColorChange, onUndo, onRedo, canUndo, canRedo, saving, compact, }: AnnotationToolbarProps): import("react").JSX.Element; export {}; //# sourceMappingURL=AnnotationToolbar.d.ts.map