Slider

import { Slider, SliderThumb } from '@/components/ui/slider';

export default function SliderDemo() {
  return (
    <div className="flex flex-col gap-5 p-10 w-full mx-auto max-w-[600px] h-screen justify-center items-center">
        <div className="w-full md:w-[400px]">
        <Slider defaultValue={[100, 450]} min={0} max={600} step={1}>
            <SliderThumb />
            <SliderThumb />
        </Slider>
        </div>
    </div>
  );
}