Dismissible Banner Alert

export function BannerAlert({ message, onClose }) {
  return (
    <div className="flex items-center justify-between gap-4 bg-indigo-600 px-4 py-3 text-sm text-white">
      <p className="font-medium">{message}</p>
      <button onClick={onClose} aria-label="Dismiss" className="rounded p-1 hover:bg-white/10">
        ✕
      </button>
    </div>
  );
}