
<template>
  <div class="row pt-2 px-0 gy-2 justify-content-center">
    <div class="col-12 col-md">
      <RangeSlider class="col" v-model:value="sensitivity">
        sensitivity
      </RangeSlider>
    </div>
    <div class="col-12 col-md">
      <RangeSlider v-model:value="gravity"> gravity </RangeSlider>
    </div>
  </div>
</template>

<script>
import RangeSlider from "../ui/RangeSlider.vue";

export default {
  name: "Pulse",
  components: {
    RangeSlider,
  },
  data() {
    return { sensitivity: 70, gravity: 50 };
  },
  methods: {
    sliderCallback: function (event) {
      if (event.target.nodeName == "INPUT") {
        console.log(event.target.id + ":" + this.channel);
      }
    },
  },
};
</script>