export default {
	template: `
    <li class="flex gap-5 justify-between items-center my-2">
        <p class="ml-2">{{ assignment.name }}</p>
        <div class="">
            <label class="checkBox">
                <input type="checkbox" v-model="assignment.complete" />
                <div class="transition"></div>
            </label>
        </div>
    </li>
    `,

	props: {
		assignment: Object,
	},
};