//

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>
  )
}