"use strict";

import { View, Text, Animated } from 'react-native';
import HighFive from '../../../assets/illustrations/HighFive';
import GroupedPillButtons from '../../components/internal/GroupedPillButtons';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const SignUpWelcomeStep = ({
  styles,
  fadeAnim,
  slideAnim,
  colors,
  nextStep,
  navigate
}) => /*#__PURE__*/_jsxs(Animated.View, {
  style: [styles.stepContainer, {
    opacity: fadeAnim,
    transform: [{
      translateX: slideAnim
    }]
  }],
  children: [/*#__PURE__*/_jsx(HighFive, {
    width: 100,
    height: 100
  }), /*#__PURE__*/_jsxs(View, {
    style: styles.modernHeader,
    children: [/*#__PURE__*/_jsx(Text, {
      style: [styles.modernTitle, {
        color: colors.text
      }],
      children: "Welcome to Oxy"
    }), /*#__PURE__*/_jsx(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__*/_jsx(GroupedPillButtons, {
    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
  })]
});
export default SignUpWelcomeStep;
//# sourceMappingURL=SignUpWelcomeStep.js.map