Reservation card with a status pill, a check-in and check-out split, party size, and total price.
The import and the props worth knowing about, in one place.
import { Calendar21 } from "@/components/beste/piece/calendar21";
<Calendar21
title="Casa Mariposa · Lisbon"
partySize="2 guests"
checkIn="Jun 14"
checkOut="Jun 18"
total="€736"
status="confirmed"
bordered={false}
/>