Created Slider component

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;