import Editor from "@/Editor/Ckeditor";
import React, { useState, useEffect } from "react";
import { Col, Container, Row } from "react-bootstrap";

export default function App() {
  const [editorLoaded, setEditorLoaded] = useState(false);
  const [data, setData] = useState("");

  useEffect(() => {
    setEditorLoaded(true);
  }, []);

  return (
    <>
    <Container fluid>
        <Row>
            <Col xs={12} sm={12} md={12} lg={10} xxl={12} className="mx-auto">
            <Editor
                name="description"
                onChange={(data) => {
                setData(data);
                }}
                editorLoaded={editorLoaded}
            />
            {/* {JSON.stringify(data)} */}
            </Col>
        </Row>
    </Container>
    </>
  );
}

