"use client";
export default function EditBlog({ params }: { params: { id: string } }) {
  return (
    <div>
      <h1 className="text-xl font-bold text-white">Edit Article — {params.id}</h1>
      <p className="text-sm text-white/50">Same editor as New — autosave, preview at /preview/blog/[id], SEO, version history.</p>
      <div className="mt-6 rounded-2xl border border-white/10 bg-white/[0.04] p-6">
        <p className="text-sm text-white/60">Article {params.id} loaded. Edit, preview, publish, schedule. Version history: View / Compare / Restore, Ctrl+Z / Ctrl+Shift+Z.</p>
        <div className="mt-3 flex gap-2">
          <button className="px-4 py-2 rounded-full bg-white text-black font-semibold text-sm">Save</button>
          <button className="px-4 py-2 rounded-full border border-white/15 text-white font-semibold text-sm">Preview</button>
          <button className="px-4 py-2 rounded-full bg-red-500 text-white font-semibold text-sm">Delete — confirm</button>
        </div>
      </div>
    </div>
  );
}