import fabric from "fabric/fabric-impl";
import { Editor } from "../editor";
import { EditorConfig } from "@layerhub-io/types";
export declare type Direction = "top" | "left";
export declare type Size = "width" | "height";
export declare type ScaleType = "fit" | "fill";
export interface FabricWheelEvent {
    e: WheelEvent;
    target?: Object | undefined;
    subTargets?: Object[] | undefined;
    button?: number | undefined;
    isClick?: boolean | undefined;
    pointer?: fabric.IPoint | undefined;
    absolutePointer?: fabric.IPoint | undefined;
    transform?: {
        corner: string;
        original: Object;
        originX: string;
        originY: string;
        width: number;
    } | undefined;
}
export interface Dimension {
    width: number;
    height: number;
}
export interface ControllerOptions {
    canvas: FabricCanvas;
    config: EditorConfig;
    editor: Editor;
    state: EditorState;
}
export interface CanvasOptions {
    width: number;
    height: number;
}
export interface FabricCanvasOption {
    wrapperEl: HTMLElement;
}
export declare type FabricCanvas<T extends any = fabric.Canvas> = T & FabricCanvasOption;
export interface Template {
    id: string;
    name: string;
    preview: string;
    background: any;
    frame: {
        width: number;
        height: number;
    };
    objects: any[];
    metadata: {
        animated: boolean;
    };
}
export interface GradientOptions {
    angle: number;
    colors: string[];
}
export interface ShadowOptions extends fabric.IShadowOptions {
    enabled: boolean;
}
export interface EditorState {
    frame: any;
    activeObject: any;
    objects: any[];
    zoomRatio: number;
    contextMenuRequest: any;
    editor: Editor | null;
    setFrame: (o: any) => void;
    setActiveObject: (o: any) => void;
    setObjects: (o: any) => void;
    setZoomRatio: (o: any) => void;
    setContextMenuRequest: (o: any) => void;
    setEditor: (o: any) => void;
}