
<div class="flex flex-col items-start space-y-2">
    <div class="flex items-center">
    <input
    type="checkbox"
    id="is_completed"
    wire:model.defer="data.is_completed"
    class="focus:outline-none focus:ring-0 focus:border-transparent border-gray-300"
>
<label for="is_completed" style="margin-left:2mm;" class="whitespace-nowrap mb-0">
    Is Completed!
</label>
    </div>
    <button
        type="button"
        wire:click="markAsComplete"
        class="px-2 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
    >
        Save Pallet
    </button>



 <!-- <div class="flex flex-col items-start space-y-2">
    <div class="flex items-center space-x-8">
        <input
            type="checkbox"
            id="is_completed"
            wire:model.defer="data.is_completed"
            class="focus:outline-none focus:ring-0 focus:border-transparent border-gray-300"
        >
        <label for="is_completed" class="whitespace-nowrap mb-0">
            Is Completed!
        </label>
        <button
            type="button"
            wire:click="markAsComplete"
            class="py-1 px-6 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm whitespace-nowrap"
        >
            Save Pallet
        </button>
    </div>
</div> -->
