import { formatEventDate } from "@/lib/format";

type EventCardProps = {
  event: {
    id: string;
    title: string;
    description: string;
    eventDate: Date;
  };
};

export default function EventCard({ event }: EventCardProps) {
  return (
    <div className="rounded-3xl border border-white/10 bg-white/5 p-6 backdrop-blur">
      <p className="text-xs uppercase tracking-[0.3em] text-cyan-200/80">
        {formatEventDate(event.eventDate)}
      </p>
      <h3 className="mt-3 text-xl font-semibold text-white">{event.title}</h3>
      <p className="mt-3 text-sm text-slate-300">{event.description}</p>
    </div>
  );
}
