tabler/shared/ui/Spinner.astro

---
interface Props {
  type?: 'border' | 'grow'
  color?: string
  /** core/scss/bootstrap/_spinners.scss `.spinner-{type}-{size}` — only 'sm' exists */
  size?: 'sm' | undefined
  class?: string
}

const { type = 'border', color, size, class: className } = Astro.props

const classes = [`spinner-${type}`, color && `text-${color}`, size && `spinner-${type}-${size}`, className]
---

<div class:list={classes} role="status"></div>