Biomimicry-AI/Nexus

1import * as React from "react";2import styles from "./input-range.module.scss";3 4interface InputRangeProps {5  onChange: React.ChangeEventHandler<HTMLInputElement>;6  title?: string;7  value: number | string;8  className?: string;9  min: string;10  max: string;11  step: string;12}13 14export function InputRange({15  onChange,16  title,17  value,18  className,19  min,20  max,21  step,22}: InputRangeProps) {23  return (24    <div className={styles["input-range"] + ` ${className ?? ""}`}>25      {title || value}26      <input27        type="range"28        title={title}29        value={value}30        min={min}31        max={max}32        step={step}33        onChange={onChange}34      ></input>35    </div>36  );37}38