'use client';
import useSWR from 'swr';

const fetcher = (url: string) => fetch(url, { credentials: 'include' }).then(r => r.json());

export default function Dashboard() {
  const { data } = useSWR(process.env.NEXT_PUBLIC_API_URL + '/me', fetcher);
  const user = data?.user;
  return (
    <div className="p-6">
      <h1 className="text-xl font-semibold">Welcome to Host Destin</h1>
      <p className="mt-2 text-gray-600">Logged in as {user?.email}</p>
      <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6">
        <a className="border p-4 rounded" href="/services">Services</a>
        <a className="border p-4 rounded" href="/invoices">Invoices</a>
        <a className="border p-4 rounded" href="/domains">Domains</a>
      </div>
    </div>
  );
}