Patient Card Component

Componente de tarjeta de paciente siguiendo el diseño de Figma

Paciente 🐈
🐈
♂

Rufino

Siamés

3 años y 6 meses
4.5 kg
Chip: 982000123456789
Paciente 🐕
Luna
♀

Luna

Golden Retriever

4 años y 9 meses
28.5 kg
No Chip
Paciente 🐕
Max
♂

Max

Labrador

5 años y 3 meses
32 kg
Chip: 982000987654321
Paciente 🐈
🐈
♀

Mimi

Persa

3 años y 2 meses
3.2 kg
Chip: 982000555666777
Paciente 🦜
🦜
♂

Charlie

Canario

2 años y 10 meses
0.02 kg
No Chip
Paciente 🐰
🐰
♀

Bella

Holland Lop

4 años y 0 meses
1.8 kg
No Chip

Cargando información del paciente...

Error al cargar paciente

No se pudo cargar la información del paciente

Uso del Componente

<PatientCard
  :patient="patientData"
  :species-emoji="getSpeciesEmoji(patient.species)"
  :breed-name="patient.breed"
  :patient-age="calculateAge(patient.birthDate)"
  @edit="handleEdit"
/>

Props

PropTipoRequeridoDescripción
patientObjectNoObjeto con datos del paciente
speciesEmojiStringNoEmoji del tipo de animal
breedNameStringNoNombre de la raza
patientAgeStringNoEdad calculada del paciente
loadingBooleanNoMuestra estado de carga
errorStringNoMensaje de error a mostrar