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); }
import React from 'react';
import { StyleSheet, View } from 'react-native';
import { NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
import Step from '../../atom/status-item/index.native';
import Touchable from '../../hoc/touchable/index.native';
const style = 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.createElement(View, {
    style: style.container
  }, /*#__PURE__*/React.createElement(View, {
    style: style.header
  }, steps.map(step => /*#__PURE__*/React.createElement(Step, _extends({}, step, {
    key: step.value
  })))), /*#__PURE__*/React.createElement(Touchable, {
    style: style.touchArea,
    isHighlight: true,
    onPress: onQuitClick,
    accessibilityLabel: "open-popin-button",
    testID: "open-popin-button"
  }, /*#__PURE__*/React.createElement(CloseIcon, {
    style: style.icon,
    color: "#06265B"
  })));
};
export default ReviewHeader;
//# sourceMappingURL=index.native.js.map