---
import 'katex/dist/katex.min.css';
import AdminLayout from '../../layouts/AdminLayout.astro';
import Editor from '../../components/react/admin/Editor';
import { getSiteMode } from '../../lib/siteMode';

const editSlug = Astro.url.searchParams.get('edit') || undefined;
const siteMode = getSiteMode();
---

<AdminLayout title="Write Post" wide>
    <p slot="header-subtitle" class="mt-2 text-sm md:text-base" style="color: var(--text) !important;">Create/Edit post.</p>
    <Editor client:only="react" editSlug={editSlug} mode={siteMode} />
</AdminLayout>