<template>
    <div class="px-10 mt-8">
        <slider :value="modelValue" class="slider-custom" :min="min" :max="max" @input="$emit('update:modelValue', $event)"> </slider>
    </div>
</template>

<script setup>
import Slider from '@vueform/slider';

defineEmits(['update:modelValue']);
const props = defineProps({
    modelValue: {},
    min: {
        type: Number,
        required: true,
    },
    max: {
        type: Number,
        required: true,
    },
});
</script>
