16 lines
705 B
TypeScript
16 lines
705 B
TypeScript
//
|
|
|
|
export function TrustStrip({ location = 'panel' }: { location?: 'panel' | 'sheet' }) {
|
|
return (
|
|
<div className={`text-[10px] ${location === 'sheet' ? 'mt-2' : ''} text-black/50 flex items-center gap-2`}>
|
|
<span aria-hidden>🔒</span>
|
|
<span>Secure payments by Midtrans</span>
|
|
<span aria-hidden className="ml-auto flex items-center gap-1">
|
|
<span className="inline-block rounded bg-black/10 px-1">Visa</span>
|
|
<span className="inline-block rounded bg-black/10 px-1">Mastercard</span>
|
|
<span className="inline-block rounded bg-black/10 px-1">JCB</span>
|
|
<span className="inline-block rounded bg-black/10 px-1">Amex</span>
|
|
</span>
|
|
</div>
|
|
)
|
|
} |