AlertBanner

frontend-react/src/components/ui/AlertBanner.tsx

Inline status banner for success/error/warning/info feedback inside views and modals.

Props

Prop	Type	Default	Description
type	success | error | warning | info	info	Color theme
message	string	—	Main message text
closeable	boolean	false	Shows × button to dismiss
children	ReactNode	—	Optional extra content below message

Usage

<AlertBanner type="success" message="Pedido confirmado!" closeable />
<AlertBanner type="error" message="Falha ao salvar.">
  <p>Verifique a conexão e tente novamente.</p>
</AlertBanner>

Notes

• Dark mode supported via Tailwind dark: classes
• Replaces previous inline bg-green-50/bg-red-50 patterns in FecharMesaScreen and other views