feat(SW-1255): Add loading state to button component

packages/design-system/lib/components/Spinner/Spinner.tsx

@@ -0,0 +1,21 @@
+import { VariantProps } from 'class-variance-authority'
+import styles from './spinner.module.css'
+
+import { variants } from './variants'
+
+type SpinnerProps = VariantProps<typeof variants>
+
+export function Spinner({ color, size }: SpinnerProps) {
+  const classNames = variants({
+    color,
+    size,
+  })
+
+  return (
+    <div className={classNames}>
+      {[...Array(8)].map((_, i) => (
+        <div key={i} className={styles.dot} />
+      ))}
+    </div>
+  )
+}