'use client';
import { DualRangeSlider } from '@/components/rangeSlider';
import React, { useState } from 'react';
import { Controller } from 'react-hook-form';
type rangProps ={
 
  formOptions:any,
  groupeName:string

}

const RangeSlider = (props:rangProps) => {
  

  return (

    <Controller control={props.formOptions.control} name={props.groupeName} render={({field}) =>(   <div className="w-full ">
      <DualRangeSlider
        label={(value) => value}
        value={field.value}

        onValueChange={field.onChange
  
        }
        min={0}
        max={100000}
        step={1}
      />
    </div>)} />
 
  );
};

export default RangeSlider;