// app/admin/settings/page.tsx
"use client";

import { Settings } from "lucide-react";

export default function Page() {
  return (
    <div className="flex flex-1 flex-col gap-4">
      <div className="flex items-center justify-between gap-3">
        <div>
          <h1 className="text-base font-semibold text-zinc-100">Settings</h1>
          <p className="mt-1 text-xs text-zinc-500">
            Admin configuration and environment controls.
          </p>
        </div>
      </div>

      <div className="rounded-md border border-zinc-900 bg-zinc-950 px-6 py-10">
        <div className="flex items-center gap-3">
          <div className="flex h-10 w-10 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 text-zinc-300">
            <Settings className="h-5 w-5" />
          </div>

          <div>
            <p className="text-sm font-semibold text-zinc-100">Coming soon</p>
            <p className="mt-1 text-xs text-zinc-500">
              This section is under construction. Check back after the next deploy.
            </p>
          </div>
        </div>
      </div>
    </div>
  );
}