"use strict";

import { View, Text, TouchableOpacity } from 'react-native';
import { Ionicons } from '@expo/vector-icons';
import HighFive from '../../../assets/illustrations/HighFive';
import { useI18n } from '../../hooks/useI18n';
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
const SignUpWelcomeStep = ({
  colors,
  styles,
  navigate,
  nextStep
}) => {
  const {
    t
  } = useI18n();
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [/*#__PURE__*/_jsx(HighFive, {
      width: 120,
      height: 120
    }), /*#__PURE__*/_jsxs(View, {
      style: styles.modernHeader,
      children: [/*#__PURE__*/_jsx(Text, {
        style: [styles.modernTitle, {
          color: colors.text
        }],
        children: t('signup.welcome.title')
      }), /*#__PURE__*/_jsx(Text, {
        style: [styles.modernSubtitle, {
          color: colors.secondaryText
        }],
        children: t('signup.welcome.subtitle')
      })]
    }), /*#__PURE__*/_jsxs(View, {
      style: styles.modernInputContainer,
      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
        style: [styles.button, {
          backgroundColor: colors.primary
        }],
        onPress: nextStep,
        testID: "get-started-button",
        children: [/*#__PURE__*/_jsx(Ionicons, {
          name: "rocket-outline",
          size: 20,
          color: colors.background
        }), /*#__PURE__*/_jsx(Text, {
          style: [styles.buttonText, {
            color: colors.background
          }],
          children: t('common.actions.getStarted')
        })]
      }), /*#__PURE__*/_jsx(TouchableOpacity, {
        style: [styles.footerTextContainer],
        onPress: () => navigate('SignIn'),
        children: /*#__PURE__*/_jsx(Text, {
          style: [styles.footerText, {
            color: colors.secondaryText
          }],
          children: t('signin.title')
        })
      })]
    })]
  });
};
export default SignUpWelcomeStep;
//# sourceMappingURL=SignUpWelcomeStep.js.map