Modal 2

Destructive action modal

A centered dialog modal with a dimmed backdrop, similar in structure to Modal 1 but visually weighted toward caution. The header includes an icon, title, description, and a close action. The content area remains flexible and neutral, while the footer clearly emphasizes the primary action using a high-contrast, destructive button style, paired with a lower-priority secondary action. Designed to signal risk, confirm irreversible actions, and slow the user just enough to avoid mistakes.