import {BadgeCheck,MapPin} from "lucide-react";import type{CSSProperties}from"react";import type{EventRecord}from"../lib/data";
export function EventCard({event}:{event:EventRecord}){return <article className="event-card"><a className="event-poster" href={`/event/${event.slug}`} style={{"--poster":event.poster,"--accent":event.accent}as CSSProperties}><span className="poster-category">{event.category}</span><span className="poster-orbit orbit-one"/><span className="poster-orbit orbit-two"/><span className="poster-type">LIVE<br/>{event.month}</span><span className="poster-date"><b>{event.day}</b><small>{event.month}</small></span></a><div className="event-card-body"><div className="date-tile"><b>{event.month}</b><span>{event.day}</span></div><div className="event-card-copy"><a href={`/event/${event.slug}`}><h3>{event.title}</h3></a><p>{event.date.replace(", 2026","")} · {event.time}</p><p className="event-location"><MapPin size={14}/> {event.venue}, {event.city}</p><div className="event-meta"><span>From <b>${event.fromPrice.toFixed(2)}</b> total</span><span className="seller-name">{event.sellerVerified&&<BadgeCheck size={15}/>} {event.seller}</span></div></div></div></article>}
