Slider

"use client";

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

// SpringSlider has a thumb that grows while dragged and settles with a spring. Mouse only.
export default function SpringSliderDemo() {
  const [tickets, setTickets] = useState(12);
  return (
    <div style={{ width: 320 }}>
      <SpringSlider
        label="Tickets per batch"
        min={1}
        max={40}
        value={tickets}
        onChange={setTickets}
      />
    </div>
  );
}