<template>
  <div class="form-check d-flex flex-row">
    <input class="form-check-input" @change="visibilityToggled" :id="layername" type="checkbox" :checked="isVisible">
    <label class="form-check-label" :for="layername">{{this.layername}}</label>
  </div>
</template>

<style lang="sass">

</style>


<script>
export default {
  props: ["layername", "layerindex", "isVisible"],
  name: "layerselect",
  methods: {
    visibilityToggled() {
      this.$emit("visibilityToggled", this.layerindex);
    }
  }
};
</script>