harshapitla/github-actions-analytics

1import React from "react";2import Icon from "./Icon";3 4const VARIANTS = {5  info: { icon: "info", className: "status-banner-info" },6  warning: { icon: "flame", className: "status-banner-warning" },7  error: { icon: "target", className: "status-banner-error" },8};9 10export default function StatusBanner({11  variant = "info",12  title,13  message,14  actionLabel,15  onAction,16}) {17  const current = VARIANTS[variant] || VARIANTS.info;18  return (19    <div className={`status-banner ${current.className}`}>20      <Icon name={current.icon} size={20} className="status-banner-icon" />21      <div className="status-banner-content">22        {title && <div className="status-banner-title">{title}</div>}23        {message && <div className="status-banner-message">{message}</div>}24      </div>25      {actionLabel && onAction && (26        <button className="status-banner-action" onClick={onAction}>27          {actionLabel}28        </button>29      )}30    </div>31  );32}33