Files
tabler/shared/ui/Payment.astro

17 lines
454 B
Plaintext

---
interface Props {
payment?: string
dark?: boolean
size?: string
class?: string
label?: string
}
const { payment = 'visa', dark, size, class: className, label } = Astro.props
// Only an explicit `size` becomes `payment-{size}`.
const classes = ['payment', size && `payment-${size}`, `payment-provider-${payment}${dark ? '-dark' : ''}`, className]
---
<span class:list={classes} role={label ? 'img' : undefined} aria-label={label}></span>