@saran-ign/video-annotation-tool/dist/shapes/Rectangle.d.ts

[](https://www.npmjs.com/package/@saran-ign/video-annotation-tool) [](https://www.npmjs.co

import React from "react";
import { KonvaEventObject } from "konva/lib/Node";
import { Rect as KonvaRect } from "konva/lib/shapes/Rect";
type Properties = {
    x: number;
    y: number;
    width: number;
    height: number;
    screenWidth: number;
    screenHeight: number;
    strokeWidth?: number;
    opacity?: number;
};
type RectangleProps = {
    properties: Properties;
    scaleX?: number;
    scaleY?: number;
    color: string;
    draggable?: boolean;
    currentWidth: number;
    currentHeight: number;
    dragBoundFunc?: (pos: {
        x: number;
        y: number;
    }) => {
        x: number;
        y: number;
    };
    onClick?: (e: KonvaEventObject<MouseEvent>) => void;
    onDragEnd?: (e: KonvaEventObject<DragEvent>) => void;
    onDragStart?: (e: KonvaEventObject<DragEvent>) => void;
    onDragMove?: (e: KonvaEventObject<DragEvent>) => void;
    onTransformStart?: (e: KonvaEventObject<Event>) => void;
    onTransformEnd?: (e: KonvaEventObject<Event>) => void;
    onMouseEnter?: (e: KonvaEventObject<MouseEvent>) => void;
};
export declare const Rectangle: React.ForwardRefExoticComponent<RectangleProps & React.RefAttributes<KonvaRect>>;
export {};