Rose-tinted allergy panel with reaction descriptions and severity pills ranging from mild to severe.
The import and the props worth knowing about, in one place.
import { Health24 } from "@/components/beste/piece/health24";
<Health24
title="Known allergies"
allergies={[
{
"name": "Penicillin",
"reaction": "Hives, rash",
"severity": "high"
},
{
"name": "Shellfish",
"reaction": "GI upset",
"severity": "low"
},
{
"name": "Pollen",
"reaction": "Congestion, sneezing",
"severity": "low"
}
]}
bordered={false}
/>