// Local sampler for the pinned current Kibo Spinner implementation.
// The historical 21st demo's circle variant is now throbber; default is ShadcnSpinner.
import { Spinner, type SpinnerProps } from './packages/spinner/index';

const variants: NonNullable<SpinnerProps['variant']>[] = ['default', 'throbber', 'pinwheel', 'circle-filled', 'ellipsis', 'ring', 'bars', 'infinite'];

export default function Demo() {
  return <div className="spinner-sampler">
    {variants.map((variant) => <div className="spinner-sample" key={variant}>
      <Spinner variant={variant} />
      <span className="spinner-label">{variant}</span>
    </div>)}
  </div>;
}