import type { BallboxStoreClubDetail } from "@/lib/ballbox-store";

type Venue = BallboxStoreClubDetail["venues"][number];

type NetworkAdminVenueHeaderProps = {
  venue: Venue;
};

export function NetworkAdminVenueHeader({ venue }: NetworkAdminVenueHeaderProps) {
  return (
    <div className="mb-4 flex flex-wrap items-center justify-between gap-3">
      <div>
        <p className="text-xs uppercase tracking-[0.22em] text-primary">Venue</p>
        <h3 className="mt-2 text-lg font-semibold">{venue.name}</h3>
      </div>
      <div className="flex flex-wrap gap-2 text-xs">
        <span className="rounded-full border border-border/70 bg-card/80 px-3 py-1 text-muted-foreground">slug {venue.slug}</span>
        <span className="rounded-full border border-border/70 bg-card/80 px-3 py-1 text-muted-foreground">{venue.screens} screens</span>
        <span className="rounded-full border border-border/70 bg-card/80 px-3 py-1 text-muted-foreground">{venue.machines} machines</span>
      </div>
    </div>
  );
}