text: "use strict";
  
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  
  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports["default"] = void 0;
  
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
  
  var _react = _interopRequireDefault(require("react"));
  
  var _styledComponents = _interopRequireDefault(require("styled-components"));
  
  function _templateObject10() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 0.25rem;\n  margin-bottom: 0;\n  @media (min-width: 40.0625em) {\n    margin-bottom: 5px;\n  }\n  margin-top: 0px;\n"]);
  
    _templateObject10 = function _templateObject10() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject9() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 0.25rem;\n  margin-bottom: 0;\n  @media (min-width: 40.0625em) {\n    margin-bottom: 5px;\n  }\n  margin-top: 0px;\n"]);
  
    _templateObject9 = function _templateObject9() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject8() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 0.25rem;\n  margin-bottom: 0;\n  @media (min-width: 40.0625em) {\n    margin-bottom: 5px;\n  }\n  margin-top: 0px;\n"]);
  
    _templateObject8 = function _templateObject8() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject7() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 0.25rem;\n  margin-bottom: 0;\n  @media (min-width: 40.0625em) {\n    margin-bottom: 5px;\n  }\n  margin-top: 0px;\n"]);
  
    _templateObject7 = function _templateObject7() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject6() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 0.25rem;\n  margin-bottom: 0;\n  @media (min-width: 40.0625em) {\n    margin-bottom: 5px;\n  }\n  margin-top: 0px;\n"]);
  
    _templateObject6 = function _templateObject6() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject5() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 0px;\n"]);
  
    _templateObject5 = function _templateObject5() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject4() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 15px;\n  padding-left: 20px;\n  border-left: 5px solid #bfc1c3;\n  margin-top: 0px;\n"]);
  
    _templateObject4 = function _templateObject4() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject3() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  text-decoration: underline;\n  margin-top: 0px;\n"]);
  
    _templateObject3 = function _templateObject3() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject2() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  position: relative;\n  margin-bottom: 5px;\n  padding-left: 25px;\n  color: #005ea5;\n  cursor: pointer;\n  :hover {\n    color: #2b8cc4;\n  }\n  :focus {\n    outline: 4px solid #ffbf47;\n    outline-offset: -1px;\n    color: #0b0c0c;\n    background: #ffbf47;\n  }\n  ::-webkit-details-marker {\n    display: none;\n  }\n  :before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    margin: auto;\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n    -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n    border-width: 7px 0 7px 12.124px;\n    border-left-color: inherit;\n  }\n  :before {\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n    -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n    border-width: 12.124px 7px 0 7px;\n    border-top-color: inherit;\n  }\n  margin-top: 0px;\n"]);
  
    _templateObject2 = function _templateObject2() {
      return data;
    };
  
    return data;
  }
  
  function _templateObject() {
    var data = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  margin-bottom: 20px;\n  display: block;\n  @media print {\n    font-family: sans-serif;\n  }\n  @media (min-width: 40.0625em) {\n    font-size: 1.1875rem;\n    line-height: 1.31579;\n  }\n  @media print {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n  @media print {\n    color: #000000;\n  }\n  @media (min-width: 40.0625em) {\n    margin-bottom: 30px;\n  }\n  margin-top: 0px;\n"]);
  
    _templateObject = function _templateObject() {
      return data;
    };
  
    return data;
  }
  
  var StyledDetails = _styledComponents["default"].details(_templateObject());
  
  var StyledSummary = _styledComponents["default"].summary(_templateObject2());
  
  var StyledSpan = _styledComponents["default"].span(_templateObject3());
  
  var StyledDiv = _styledComponents["default"].div(_templateObject4());
  
  var StyledUl = _styledComponents["default"].ul(_templateObject5());
  
  var StyledLi = _styledComponents["default"].li(_templateObject6());
  
  var StyledLi2 = _styledComponents["default"].li(_templateObject7());
  
  var StyledLi3 = _styledComponents["default"].li(_templateObject8());
  
  var StyledLi4 = _styledComponents["default"].li(_templateObject9());
  
  var StyledLi5 = _styledComponents["default"].li(_templateObject10());
  
  var DetailsWithHtml = function DetailsWithHtml(_ref) {
    var open = _ref.open,
        detailsContentDbb380D380B94F9E8Bb177Fc0E5Cfac0 = _ref.detailsContentDbb380D380B94F9E8Bb177Fc0E5Cfac0;
    return _react["default"].createElement(StyledDetails, {
      role: "group",
      open: open
    }, _react["default"].createElement(StyledSummary, {
      "aria-controls": detailsContentDbb380D380B94F9E8Bb177Fc0E5Cfac0,
      "aria-expanded": "false",
      role: "button"
    }, _react["default"].createElement(StyledSpan, null, "Where to find your National Insurance Number")), _react["default"].createElement(StyledDiv, {
      "aria-hidden": "true",
      id: detailsContentDbb380D380B94F9E8Bb177Fc0E5Cfac0
    }, "Your National Insurance number can be found on", _react["default"].createElement(StyledUl, null, _react["default"].createElement(StyledLi, null, "your National Insurance card"), _react["default"].createElement(StyledLi2, null, "your payslip"), _react["default"].createElement(StyledLi3, null, "P60"), _react["default"].createElement(StyledLi4, null, "benefits information"), _react["default"].createElement(StyledLi5, null, "tax return"))));
  };
  
  var _default = DetailsWithHtml;
  exports["default"] = _default;