"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _GroupedPillButtons = _interopRequireDefault(require("../../components/internal/GroupedPillButtons"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const SignUpSummaryStep = ({
  styles,
  fadeAnim,
  slideAnim,
  colors,
  formData,
  isLoading,
  handleSignUp,
  prevStep
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
  style: [styles.stepContainer, {
    opacity: fadeAnim,
    transform: [{
      translateX: slideAnim
    }]
  }],
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
    style: styles.modernHeader,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: [styles.stepTitle, {
        color: colors.text
      }],
      children: "Ready to join"
    })
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: styles.summaryContainer,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
      style: styles.summaryRow,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.summaryLabel, {
          color: colors.secondaryText
        }],
        children: "Username:"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.summaryValue, {
          color: colors.text
        }],
        children: formData.username
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
      style: styles.summaryRow,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.summaryLabel, {
          color: colors.secondaryText
        }],
        children: "Email:"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.summaryValue, {
          color: colors.text
        }],
        children: formData.email
      })]
    })]
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupedPillButtons.default, {
    buttons: [{
      text: 'Back',
      onPress: prevStep,
      icon: 'arrow-back',
      variant: 'transparent'
    }, {
      text: 'Create Account',
      onPress: handleSignUp,
      icon: 'checkmark',
      variant: 'primary',
      disabled: isLoading,
      loading: isLoading,
      testID: 'signup-button'
    }],
    colors: colors
  })]
});
var _default = exports.default = SignUpSummaryStep;
//# sourceMappingURL=SignUpSummaryStep.js.map