feat: 第一个可以用的 ink 组件抽象 (#158)

packages/@ant/ink/src/theme/Spinner.tsx

@@ -0,0 +1,20 @@
+import React, { useState, useEffect } from 'react'
+import { Text } from '../index.js'
+
+const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']
+
+/**
+ * A simple animated spinner for loading states.
+ */
+export function Spinner(): React.ReactNode {
+  const [frame, setFrame] = useState(0)
+
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setFrame(f => (f + 1) % FRAMES.length)
+    }, 80)
+    return () => clearInterval(timer)
+  }, [])
+
+  return <Text>{FRAMES[frame]}</Text>
+}