<template>
  <label :class="getModifiersClass('o-switch', modifiers)">
    On / Off
    <input type="checkbox" class="o-switch__input" tabindex="0" />
    <span class="o-switch__toggle"> </span>
  </label>
</template>

<script setup lang="ts">
import type { ModifierItems } from './switch.config';
import useComponentModifiers from '../../composable/useComponentModifiers';

defineProps<{
  modifiers?: ModifierItems;
}>();

const { getModifiersClass } = useComponentModifiers();
</script>