import { CalendarDays } from "lucide-react";
import { Header } from "@/components/layout/header";

export default function EventsPage() {
  return (
    <div className="space-y-6">
      <Header
        title="Collection Days"
        description="Manage recurring events and service times"
        icon={CalendarDays}
      />
      <div className="glass-card flex flex-col items-center justify-center rounded-2xl p-12 text-center">
        <CalendarDays className="mb-4 size-12 text-muted-foreground/40" />
        <h2 className="text-lg font-semibold">No collection days yet</h2>
        <p className="mt-1 max-w-sm text-sm text-muted-foreground">
          Collection days will be available once organizations and locations are
          configured. Check back after setup is complete.
        </p>
      </div>
    </div>
  );
}