import { getLatestAboutMe } from "@/actions/about/getAbout";
import AboutEditor from "@/components/about/Editor";

// Admin page for editing About Me content.
export default async function AboutPage() {
  const markdown = await getLatestAboutMe();

  return (
    <div>
      <div className="flex gap-4 justify-between pb-8">
        <h1 className="text-2xl font-bold mb-4">About Me</h1>
      </div>
      <div className="space-y-4 p-1 border rounded-xl bg-muted/20">
        <AboutEditor markdown={markdown} />
      </div>
    </div>
  );
}