Slider

"use client";

import Slider from "@/components/ui/slider";
import { useState } from "react";

// The label sits above the track.
export default function SliderWithLabelDemo() {
  const [confidence, setConfidence] = useState(70);
  return (
    <div style={{ width: 320 }}>
      <Slider
        label="Confidence threshold"
        value={confidence}
        onChange={setConfidence}
      />
    </div>
  );
}