import ContentPanel, { ContentPanelWidthSizes, } from "components/Panels/ContentPanel"; import { getWebsiteInterface } from "graphql/operations"; import { GetStaticProps } from "next"; import { GetWebsiteInterfaceQuery } from "graphql/operations-types"; import AppLayout from "components/AppLayout"; import { useCallback, useState } from "react"; import Markdawn from "components/Markdown/Markdawn"; import Script from "next/script"; type EditorProps = { langui: GetWebsiteInterfaceQuery; }; export default function Editor(props: EditorProps): JSX.Element { const langui = props.langui.websiteInterfaces.data[0].attributes; const handleInput = useCallback((e) => { setMarkdown(e.target.value); }, []); const [markdown, setMarkdown] = useState(""); const contentPanel = (