"use client";

import { BlockEditor } from "@/components/editor";

export default function DocsPage() {
  return (
    <div className="mx-auto max-w-4xl px-8 py-10">
      <h1 className="mb-6 text-3xl font-bold">Documents</h1>
      <div className="rounded-lg border border-border bg-card p-1">
        <BlockEditor
          placeholder="Start typing, or use '/' for commands..."
          onChange={(html) => {
            // Will persist via tRPC in later phase
          }}
        />
      </div>
    </div>
  );
}