<script setup lang="ts">
interface Props {
  big?: boolean
}

defineProps<Props>()

const { modelValue: enabled } = defineModels<{
  modelValue: boolean
}>()
</script>

<template>
	<div
    class="funkwhale toggle"
    :class="{ 'is-active': enabled, 'is-big': big }"
  >
    <input type="checkbox" v-model="enabled" />
  </div>
</template>

<style lang="scss">
@import './style.scss'
</style>
