Componentes de Clinica

Tarjetas de directorio de clinicas y estados de disponibilidad.

ClinicDirectoryCard

Tarjeta compacta usada en el listado del directorio. Muestra imagen, nombre, ubicacion, rating, servicios con precios, estado de disponibilidad y boton de agendar.

● ABIERTO🚑

🏥

Ciudad de Mexico · 1.2 km

Veterinaria San Angel

★ 4.8

Vacunación$350

Consulta general$450

Disponible hoy lunes

🚑 Urgencias · Atención inmediata

🏥

Ciudad de Mexico · 3.4 km

Hospital Vet del Valle

★ 4.5

Consulta general$600

Cirugía$3500

Próx: Mié 1 Abr

● ABIERTO · 24H🚑

🏥

Guadalajara · 800 m

Patitas Felices

★ 4.9

Consulta general$350

Laboratorio$600

Disponible hoy lunes

🚑 Urgencias · Atención inmediata

🏥

Ciudad de Mexico · 5.6 km

Vet Condesa

★ 4.2

Estética$400

Consulta general$500

Props del componente:

Prop	Tipo	Descripcion
clinic	Object	Objeto de clinica con datos completos (requerido)
hovered	Boolean	Estado hover controlado externamente
selected	Boolean	Estado de seleccion (borde azul)

Estructura del objeto clinic:

{
  "name": "Clinica Veterinaria San Angel",
  "publicName": "Veterinaria San Angel",
  "city": "Ciudad de Mexico",
  "rating": 4.8,
  "distanceMeters": 1200,
  "coverImageUrl": null,
  "isOpenNow": true,
  "todaySchedule": {
    "currentlyOpen": true,
    "isFullDay": false
  },
  "acceptsEmergencies": true,
  "hasAvailabilityToday": true,
  "nextAvailableDate": null,
  "services": [
    {
      "category": "consultation",
      "basePrice": 450
    },
    {
      "category": "vaccination",
      "basePrice": 350
    },
    {
      "category": "grooming",
      "basePrice": 500
    }
  ],
  "amenities": []
}

ClinicAvailabilityStatus

Indicador de disponibilidad: verde si hay disponibilidad hoy, ambar si hay proxima fecha, o gris si no hay disponibilidad. Usado dentro de ClinicDirectoryCard y paginas de perfil.

Disponible hoy:

Disponible hoy lunes

Proxima fecha disponible:

Próx: Jue 2 Abr

Sin disponibilidad:

Sin disponibilidad esta semana

Props:

Prop	Tipo	Default	Descripcion
clinic	Object	requerido	Objeto con hasAvailabilityToday, nextAvailableDate, etc.
size	String	'sm'	'xs' \| 'sm' \| 'md'
showEmpty	Boolean	false	Mostrar texto cuando no hay disponibilidad