import { useBooking } from '../booking-provider';

export function BookingHeader() {
  const { complex } = useBooking();

  return (
    <section>
      <div>
        <h1 className="text-3xl font-semibold tracking-normal text-foreground">
          Panel de Reservas
        </h1>
        <p className="mt-2 text-sm text-muted-foreground">
          Gestiona las canchas de {complex.complexName}
        </p>
      </div>
    </section>
  );
}