<template>
  <label class="irandargah-toggle">
    <input
      type="checkbox"
      class="irandargah-toggle-input"
      :checked="checked"
      @change="$emit('change', $event.target.checked)"
    />
    <span class="irandargah-toggle-slider"></span>
  </label>
</template>

<script>
export default {
  name: 'ToggleSwitch',
  props: {
    checked: {
      type: Boolean,
      required: true
    }
  },
  emits: ['change']
};
</script>






