<template>
	<div v-if="!isReadOnly" class="property-title-time-picker">
		<div class="property-title-time-picker__all-day">
			<NcCheckboxRadioSwitch   :checked="isCalendarPending"
				@update:checked="toggleIsCalendarPending">
				En attente
			</NcCheckboxRadioSwitch>
		</div>
	</div>
  </template>
  
  <script>
  import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
  export default {
	name: "PropertyIsCalendarPending",
	components: {
		NcCheckboxRadioSwitch,
	},
	props: {
		isCalendarPending: {
			type: Boolean,
			default: false
		},
	},
	computed: {
	},
	methods: {
		toggleIsCalendarPending() {
			const newIsCalendarPendingState = !this.isCalendarPending;
			this.$emit('toggle-is-calendar-pending',newIsCalendarPendingState)
		},
	}
  };
  </script>
  
  <style scoped>
  .checkbox-container {
	display: flex;
	align-items: center;
	gap: 8px;
  }
  </style>
  