import Canvas from "./canvas";
import { useEffect, useRef, useState } from "react";

export default function Editor() {

    const editorRef = useRef<HTMLDivElement | null>(null);
    const [width, setWidth] = useState<number>(600);

    useEffect(() => {
        if (!editorRef.current) return;
        setWidth(editorRef.current.offsetWidth);
    }, [editorRef])

    return (
        <div className="h-full bg-gray-100">
            <Canvas
                canvasWidth={width}
            />
        </div>
    );
}