Update Controls.tsx

mikumino · Nov 25, 2023 · 3009eb6 · 3009eb6
1 parent c5ab315
commit 3009eb6
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/components/Controls.tsx b/src/components/Controls.tsx
@@ -0,0 +1,18 @@
+interface ControlsProps {
+    handleStart: () => void;
+    handleStop: () => void;
+    handleReset: () => void;
+    isRunning: boolean;
+}
+
+const Controls = ({ handleStart, handleStop, handleReset, isRunning }: ControlsProps) => {
+    return (
+        <div className="flex flex-row items-center justify-center">
+            <button className="btn btn-circle btn-primary mr-4" onClick={handleStart}><iconify-icon icon={isRunning ? 'ph:pause-fill' : 'ph:play-fill'} /></button>
+            <button className="btn btn-circle btn-outline btn-primary mr-4" onClick={handleStop}><iconify-icon icon="ph:stop-fill" /></button>
+            <button className="btn btn-circle btn-outline" onClick={handleReset}><iconify-icon icon="solar:restart-broken"></iconify-icon></button>
+        </div>
+    );
+}
+
+export default Controls;