<div id="delete-menu-item-modal" class="modal-overlay">
	<div
		class="modal"
		role="dialog"
		aria-modal="true"
		aria-labelledby="deleteMenuItemModalTitle"
		aria-describedby="deleteMenuItemModalDescription"
	>
		<div class="modal-header">
			<h2 id="deleteMenuItemModalTitle">Delete menu item?!</h2>
			<button class="close" aria-label="Close">&times;</button>
		</div>
		<div class="modal-body" id="deleteMenuItemModalDescription">
			<h3>Menu item title</h3>
			<p>
				By clicking on the
				<strong>Delete</strong>
				button, the menu item will be permanently erased!
				<br />
				Once deleted, the item will no longer be available in the menu.
				<br />
				Please note that deleted items cannot be recovered!
				<br />
				This action is irreversible, the item will be forever lost if you confirm the deletion!
			</p>
		</div>
		<div class="modal-footer">
			<button class="cancel bd-button-grey">Cancel</button>
			<button class="confirm bd-button-red">Delete</button>
		</div>
	</div>
</div>
