Per-day weather strip for an upcoming trip with a glyph and the high and low for each day.
The import and the props worth knowing about, in one place.
import { Travel24 } from "@/components/beste/piece/travel24";
<Travel24
city="Lisbon"
days={[
{
"date": "Fri 14",
"high": 27,
"low": 18,
"icon": "sun"
},
{
"date": "Sat 15",
"high": 26,
"low": 19,
"icon": "partly"
},
{
"date": "Sun 16",
"high": 23,
"low": 18,
"icon": "cloud"
},
{
"date": "Mon 17",
"high": 21,
"low": 17,
"icon": "rain"
}
]}
bordered={false}
/>