@ozdemircibaris/react-image-editor
Version:
Professional React image editor component with blur, crop, shapes, drawing, and undo/redo functionality. Built with Fabric.js and modern React patterns.
36 lines (35 loc) • 1.28 kB
TypeScript
import React from "react";
export declare const PREDEFINED_COLORS: readonly ["#ff7000", "#D64045", "#2D3748", "#E53E3E", "#38A169", "#3182CE", "#D69E2E", "#805AD5", "#DD6B20", "#319795", "#F56565", "#48BB78", "#4299E1", "#ECC94B", "#9F7AEA", "#ED8936"];
interface ToolbarProps {
onAddShape: (shapeType: "rectangle" | "circle") => void;
onCropStart: () => void;
onAddBlur: () => void;
onToggleDraw: () => void;
onToggleSelectMode: () => void;
hasImage: boolean;
isCropping: boolean;
isDrawing: boolean;
isSelectMode: boolean;
activeShape?: "rectangle" | "circle" | null;
isBlurActive?: boolean;
selectedObject?: fabric.Object | null;
currentColor?: string;
currentStrokeWidth?: number;
onColorChange?: (color: string) => void;
onStrokeWidthChange?: (width: number) => void;
onUndo?: () => void;
onRedo?: () => void;
canUndo?: boolean;
canRedo?: boolean;
onDeleteObject?: () => void;
showCancelButton?: boolean;
onCancel?: () => void;
className?: string;
buttonClassName?: string;
saveButtonClassName?: string;
cancelButtonClassName?: string;
saveButtonTitle?: string;
cancelButtonTitle?: string;
}
export declare const Toolbar: React.FC<ToolbarProps>;
export {};