import React, {useEffect, useState} from 'react';
const LayoutEditor = ({layout, onChange}) => {
    const [_layout, setLayout] = useState(layout || "");
    useEffect(() => {setLayout(layout)}, [layout]);
    return (
        <textarea
            className="textarea"
            style={{ height: "60vh" }}
            value={_layout}
            onChange={(e) => {
                setLayout(e.target.value);
                onChange(e.target.value);
            }}
        />
    );
};

export default LayoutEditor;