import type { Metadata } from "next";
import { ChangelogList } from "@/components/shared/changelog-list";
import { APP_VERSION } from "@/lib/changelog";

export const metadata: Metadata = {};

export default function ChangelogPage() {
  return (
    <div className="space-y-2">
      <div>
        <h1 className="text-3xl font-bold tracking-tight">Changelog</h1>
        <p className="text-muted-foreground mt-1">Currently running v{APP_VERSION}.</p>
      </div>
      <div className="pt-4">
        <ChangelogList />
      </div>
    </div>
  );
}