<div class="sheet-backdrop" id="task-sheet-backdrop" hidden></div>
<div class="sheet" id="task-delete-sheet" hidden role="dialog" aria-labelledby="task-delete-title">
    <h2 class="sheet-title" id="task-delete-title">Delete this task?</h2>
    <p class="muted" id="task-delete-copy">This removes the task from your list.</p>
    <button class="btn-primary" type="button" id="task-delete-confirm">Delete</button>
    <button class="text-link-btn" type="button" id="task-delete-cancel">Cancel</button>
</div>
<div class="sheet" id="task-recurring-sheet" hidden role="dialog" aria-labelledby="task-recurring-title">
    <h2 class="sheet-title" id="task-recurring-title">Delete recurring task</h2>
    <p class="muted">Choose how much of this series to remove.</p>
    <button class="btn-primary" type="button" id="task-delete-this">Delete this occurrence</button>
    <button class="btn-secondary" type="button" id="task-delete-future">Delete this and future occurrences</button>
    <button class="text-link-btn" type="button" id="task-recurring-cancel">Cancel</button>
</div>
