"use client";
import Link from "next/link";
import { useStore } from "@/lib/store";
import { BookingForm, PublicHeader } from "@/components/patient-facing";

/** Página pública. En producción el slug resuelve la clínica desde la base de datos. */
export default function PublicBooking({ params }: { params: { slug: string } }) {
  const { s } = useStore();
  return (
    <div className="public"><div className="wrap">
      <PublicHeader subtitle={s.clinic.horario} />
      <h2>Agenda tu cita en menos de un minuto</h2>
      <BookingForm />
      <p className="muted" style={{ fontSize: ".88rem" }}>{s.clinic.addr} · Tel. {s.clinic.tel} · <Link href={`/c/${params.slug}/consejos`}>Consejos y juegos para niños</Link></p>
    </div></div>
  );
}