Buy-now-pay-later card with provider header, four-dot installment timeline where paid steps fill in tone and the line progresses.
The import and the props worth knowing about, in one place.
import { Commerce24 } from "@/components/beste/piece/commerce24";
<Commerce24
total="$192"
provider="Klarna"
installments={[
{
"amount": "$48",
"date": "Today",
"paid": true
},
{
"amount": "$48",
"date": "Apr 28"
},
{
"amount": "$48",
"date": "May 5"
},
{
"amount": "$48",
"date": "May 12"
}
]}
tone="primary"
bordered={false}
/>