@tpr/govuk-react-jsx/govuk/components/phase-banner/index.js

[](https://github.com/alphagov/govuk-frontend/releases/tag/v4.0.1) [![version](https://img.shields.io/npm/v/govuk-react-jsx.svg?styl

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PhaseBanner = PhaseBanner;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _ = require("../..");

var _excluded = ["govukClassNames", "className", "tag", "children"];

function PhaseBanner(props) {
  var govukClassNames = props.govukClassNames,
      className = props.className,
      tag = props.tag,
      children = props.children,
      attributes = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var classNames = govukClassNames || {};
  classNames['govuk-phase-banner'] = classNames['govuk-phase-banner'] || 'govuk-phase-banner';
  classNames['govuk-phase-banner__content'] = classNames['govuk-phase-banner__content'] || 'govuk-phase-banner__content';
  classNames['govuk-phase-banner__content__tag'] = classNames['govuk-phase-banner__content__tag'] || 'govuk-phase-banner__content__tag';
  classNames['govuk-phase-banner__text'] = classNames['govuk-phase-banner__text'] || 'govuk-phase-banner__text';
  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
    className: "".concat(classNames['govuk-phase-banner'], " ").concat(className || '')
  }, attributes), /*#__PURE__*/_react["default"].createElement("p", {
    className: classNames['govuk-phase-banner__content']
  }, /*#__PURE__*/_react["default"].createElement(_.Tag, {
    className: "".concat(classNames['govuk-phase-banner__content__tag'], " ").concat((tag === null || tag === void 0 ? void 0 : tag.className) || '')
  }, tag && tag.children), /*#__PURE__*/_react["default"].createElement("span", {
    className: classNames['govuk-phase-banner__text']
  }, children)));
}