"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _HighFive = _interopRequireDefault(require("../../../assets/illustrations/HighFive"));
var _GroupedPillButtons = _interopRequireDefault(require("../../components/internal/GroupedPillButtons"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const SignUpWelcomeStep = ({
  styles,
  fadeAnim,
  slideAnim,
  colors,
  nextStep,
  navigate
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
  style: [styles.stepContainer, {
    opacity: fadeAnim,
    transform: [{
      translateX: slideAnim
    }]
  }],
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HighFive.default, {
    width: 100,
    height: 100
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: styles.modernHeader,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: [styles.modernTitle, {
        color: colors.text
      }],
      children: "Welcome to Oxy"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: [styles.modernSubtitle, {
        color: colors.secondaryText
      }],
      children: "We're excited to have you join us. Let's get your account set up in just a few easy steps."
    })]
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupedPillButtons.default, {
    buttons: [{
      text: 'Sign In',
      onPress: () => navigate('SignIn'),
      icon: 'log-in-outline',
      variant: 'transparent'
    }, {
      text: 'Get Started',
      onPress: nextStep,
      icon: 'arrow-forward',
      variant: 'primary'
    }],
    colors: colors
  })]
});
var _default = exports.default = SignUpWelcomeStep;
//# sourceMappingURL=SignUpWelcomeStep.js.map