From 7b6d5f1666e428c37c936bd6b01323c3a6399ac6 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Tue, 14 Nov 2023 19:08:14 -0800
Subject: Initial commit - barebone lrc player

---
 src/app/components/Control.tsx | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/app/components/Control.tsx

(limited to 'src/app/components/Control.tsx')

diff --git a/src/app/components/Control.tsx b/src/app/components/Control.tsx
new file mode 100644
index 0000000..2ad2339
--- /dev/null
+++ b/src/app/components/Control.tsx
@@ -0,0 +1,42 @@
+import React from 'react';
+
+function Control({
+  onPlay,
+  onPause,
+  onReset,
+  current,
+  setCurrent,
+  recoverAutoScrollImmediately,
+}: {
+  onPlay: () => void;
+  onPause: () => void;
+  onReset: () => void;
+  current: number;
+  setCurrent: (c: number) => void;
+  recoverAutoScrollImmediately: () => void;
+}) {
+  return (
+    <div className="flex items-center space-x-2 p-2 bg-gray-200">
+      <button type="button" onClick={onPlay} className="btn">
+        play
+      </button>
+      <button type="button" onClick={onPause} className="btn">
+        pause
+      </button>
+      <button type="button" onClick={onReset} className="btn">
+        reset
+      </button>
+      <input
+        type="number"
+        value={current}
+        onChange={(event) => setCurrent(Number(event.target.value))}
+        className="input"
+      />
+      <button type="button" onClick={recoverAutoScrollImmediately} className="btn">
+        recover auto scroll immediately
+      </button>
+    </div>
+  );
+}
+
+export default Control;
\ No newline at end of file
-- 
cgit v1.2.3

