@tpr/govuk-react-jsx/govuk/components/fieldset/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.Fieldset = Fieldset;

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

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

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

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

function Fieldset(props) {
  var legend = props.legend,
      govukClassNames = props.govukClassNames,
      className = props.className,
      children = props.children,
      attributes = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var classNames = govukClassNames || {};
  classNames['govuk-fieldset'] = classNames['govuk-fieldset'] || 'govuk-fieldset';
  classNames['govuk-fieldset__legend'] = classNames['govuk-fieldset__legend'] || 'govuk-fieldset__legend';
  classNames['govuk-fieldset__heading'] = classNames['govuk-fieldset__heading'] || 'govuk-fieldset__heading';
  var legendComponent;

  if (legend && legend.children) {
    legendComponent = /*#__PURE__*/_react["default"].createElement("legend", {
      className: "".concat(classNames['govuk-fieldset__legend'], " ").concat(legend.className || '')
    }, legend.isPageHeading ? /*#__PURE__*/_react["default"].createElement("h1", {
      className: classNames['govuk-fieldset__heading']
    }, legend.children) : legend.children);
  }

  return /*#__PURE__*/_react["default"].createElement("fieldset", (0, _extends2["default"])({
    className: "".concat(classNames['govuk-fieldset'], " ").concat(className || '')
  }, attributes), legendComponent, children);
}