"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _novaIcons = require("@coorpacademy/nova-icons");
var _index = _interopRequireDefault(require("../../atom/status-item/index.native"));
var _index2 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const style = _reactNative.StyleSheet.create({
  container: {
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    alignContent: 'center',
    width: '100%'
  },
  header: {
    width: '80%',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    height: 70,
    paddingTop: 8
  },
  touchArea: {
    position: 'absolute',
    right: 24,
    borderRadius: 12,
    paddingTop: 16,
    padding: 8
  },
  icon: {
    width: 12,
    height: 12
  }
});
const ReviewHeader = props => {
  const {
    steps,
    onQuitClick
  } = props;
  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: style.container
  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: style.header
  }, steps.map(step => /*#__PURE__*/_react.default.createElement(_index.default, _extends({}, step, {
    key: step.value
  })))), /*#__PURE__*/_react.default.createElement(_index2.default, {
    style: style.touchArea,
    isHighlight: true,
    onPress: onQuitClick,
    accessibilityLabel: "open-popin-button",
    testID: "open-popin-button"
  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
    style: style.icon,
    color: "#06265B"
  })));
};
var _default = exports.default = ReviewHeader;
//# sourceMappingURL=index.native.js.map