Heat index up to 38°C this afternoon. Stay hydrated and avoid direct sun.
Severity-colored triangle alert with title, severity badge, and a short detail.
The import and the props worth knowing about, in one place.
import { Weather10 } from "@/components/beste/piece/weather10";
<Weather10
severity="advisory"
title="Heat Advisory"
detail="Heat index up to 38°C this afternoon. Stay hydrated and avoid direct sun."
bordered={false}
/>