export function Alert({ title, children }: { title: string; children?: React.ReactNode }) {
  return (
    <div className="card p-4 flex gap-3" role="status" aria-live="polite">
      <div className="text-brand-600">⚑</div>
      <div>
        <div className="font-semibold">{title}</div>
        {children ? <div className="text-sm text-black/70">{children}</div> : null}
      </div>
    </div>
  )
}