import Alert from '../alert/Alert.mjs';
import { clsx } from 'clsx';
import { jsx } from 'react/jsx-runtime';

function CriticalCommsBanner({
  title,
  subtitle,
  action,
  className
}) {
  return /*#__PURE__*/jsx("div", {
    className: clsx('critical-comms', className),
    children: /*#__PURE__*/jsx(Alert, {
      title: title,
      message: subtitle,
      action: {
        onClick: action?.onClick,
        target: action?.href,
        text: action?.label
      },
      className: className,
      type: "warning"
    })
  });
}

export { CriticalCommsBanner as default };
//# sourceMappingURL=CriticalCommsBanner.mjs.map
