<template>
    <tr>
        <td class="text-gray-800">
            {{ $t("menu.website_builder") }}
        </td>
        <td>
            <div class="d-flex">
                <label class="form-check form-check-custom me-5 me-lg-20">
                    <a-checkbox :value="permissions['website_builder_view']">
                        {{ $t("common.view") }}
                    </a-checkbox>
                </label>
                <label class="form-check form-check-custom me-5 me-lg-20">
                    <a-checkbox :value="permissions['website_builder_create']">
                        {{ $t("common.add") }}
                    </a-checkbox>
                </label>
                <label class="form-check form-check-custom me-5 me-lg-20">
                    <a-checkbox :value="permissions['website_builder_edit']">
                        {{ $t("common.edit") }}
                    </a-checkbox>
                </label>
                <label class="form-check form-check-custom">
                    <a-checkbox :value="permissions['website_builder_delete']">
                        {{ $t("common.delete") }}
                    </a-checkbox>
                </label>
            </div>
        </td>
    </tr>
</template>

<script setup>
defineProps({
    permissions: {
        type: Array,
        required: true,
    },
});

defineOptions({
    order: 14,
});
</script>
