"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const head_1 = __importDefault(require("next/head"));
const react_1 = __importDefault(require("react"));
const editor_sdk_react_1 = require("@grammarly/editor-sdk-react");
const Editor_1 = __importDefault(require("../components/Editor"));
const Home_module_css_1 = __importDefault(require("../styles/Home.module.css"));
const Home = ({ theme, setTheme, }) => {
    return (<div className={Home_module_css_1.default.container} style={{ width: "100%", height: "100%", margin: 0, padding: 0 }}>
            <head_1.default>
                <title>3ditor Demo</title>
                <meta name="description" content="3ditor: The open-source multiplatform React-based editor that powers OpenDocs."/>
                <link rel="icon" href="/favicon.svg" type="image/svg+xml"/>
                <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
                <link rel="manifest" href="/manifest.json"/>
            </head_1.default>

            <div className={Home_module_css_1.default.app} style={{
            width: "100%",
            height: "100%",
            margin: 0,
            padding: 0,
        }}>
                <editor_sdk_react_1.GrammarlyEditorPlugin config={{ collectUserFeedback: true }} style={{
            width: "100%",
            height: "100%",
            margin: 0,
            padding: 0,
        }}>
                    <Editor_1.default theme_={theme} setTheme_={setTheme}/>
                </editor_sdk_react_1.GrammarlyEditorPlugin>
            </div>
        </div>);
};
exports.default = Home;
//# sourceMappingURL=index.jsx.map