From 454e9cc8613c328c71e0c9d0ef6867d29f45d562 Mon Sep 17 00:00:00 2001
From: "colin-codegen[bot]"
 <137733214+colin-codegen[bot]@users.noreply.github.com>
Date: Mon, 21 Aug 2023 19:30:17 +0000
Subject: [PATCH] Created Slider component

---
 src/components/Slider.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/components/Slider.tsx

diff --git a/src/components/Slider.tsx b/src/components/Slider.tsx
new file mode 100644
index 0000000..8b48fa9
--- /dev/null
+++ b/src/components/Slider.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface SliderProps {
+  value: number;
+  min?: number;
+  max?: number;
+  step?: number;
+  onChange: (value: number) => void;
+}
+
+const Slider: React.FC<SliderProps> = ({ value, min = 0, max = 100, step = 1, onChange }) => {
+  const handleSliderChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    onChange(Number(event.target.value));
+  };
+
+  return (
+    <div className="slider-container">
+      <input
+        type="range"
+        min={min}
+        max={max}
+        step={step}
+        value={value}
+        onChange={handleSliderChange}
+        className="slider"
+      />
+    </div>
+  );
+};
+
+export default Slider;