import React from 'react';
import { fabric } from 'fabric';
import { Product, Job, DraftTemplate, Variation } from '../types';
interface ProductEditorContextType {
    canvas: fabric.Canvas | null;
    setCanvas: (canvas: fabric.Canvas) => void;
    canvasRef: React.RefObject<HTMLCanvasElement>;
    draftTemplates: {
        template: DraftTemplate;
        variationObjects: any[];
    }[];
    selectedTemplate: number | null;
    setSelectedTemplate: (templateId: number) => void;
    showGrid: boolean;
    setShowGrid: (show: boolean) => void;
    product: Product;
    isMobileView: boolean;
    job: Job;
    width: number;
    height: number;
    handleUndo: () => void;
    handleRedo: () => void;
    handleTemplateChange: (draftTemplate: DraftTemplate) => void;
    handleSave: () => void;
    handleCancel: () => void;
    canvasObjects: Map<string, fabric.Object>;
    updateCanvasFromVariations: (newVariations: Variation[], newGroupVariations?: Variation[]) => void;
}
interface ProductEditorProviderProps {
    children: React.ReactNode;
    product: Product;
    width?: number;
    height?: number;
    job: Job;
    onSave: () => void;
    onCancel: () => void;
    variations: Variation[];
    groupVariations: Variation[];
}
export declare const ProductEditorProvider: React.FC<ProductEditorProviderProps>;
export declare const useProductEditor: () => ProductEditorContextType;
export {};