<template>
    <v-card flat border="md black">
        <v-card-text class="d-flex justify-space-between align-center py-0">
            <p>{{ label }}</p>
            <v-switch v-model="toggle" :color="toggleColor" hide-details />
        </v-card-text>
    </v-card>
</template>

<script setup lang="ts">
defineProps({
    label: {
        type: String,
        default: "Enable"
    },
    toggleColor: {
        type: String,
        default: 'primary'
    }
})

const toggle = defineModel({default: false})
</script>

<style scoped></style>