{"size": 1052, "ext": "js", "max_stars_repo_path": "app/components/SignUp/ThankYouBanner.js", "max_stars_repo_name": "remkst777/wbAwsFront", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/components/SignUp/ThankYouBanner.js", "max_issues_repo_name": "remkst777/wbAwsFront", "max_issues_repo_issues_event_min_datetime": "2020-07-20T17:00:56.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-26T16:59:07.000Z", "max_forks_repo_path": "app/components/SignUp/ThankYouBanner.js", "max_forks_repo_name": "remkst777/wbAwsFront", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 23.9090909091, "max_line_length": 65, "alphanum_fraction": 0.6853612167}
import React from 'react';
import PropTypes from 'prop-types';

import bannerImage from 'images/banner1.svg?inline';

import commonMessages from 'common-messages';
import signUpMessages from 'containers/SignUp/messages';
import TranslatedMessage from 'containers/TranslatedMessage';

import Box from 'components/Banner';
import { ButtonIL } from 'components/Button/Contained/InfoLarge';

function ThankYouBanner({ hideSignUpModal, showLoginModal }) {
  function onClick() {
    hideSignUpModal();
    showLoginModal();
  }

  return (
    <Box>
      <div>
        <TranslatedMessage {...signUpMessages.thankYouBanner} />
      </div>

      <div>
        <img src={bannerImage} alt="banner" />
      </div>

      <div>
        <ButtonIL onClick={onClick} type="button">
          <TranslatedMessage {...commonMessages.continue} />
        </ButtonIL>
      </div>
    </Box>
  );
}

ThankYouBanner.propTypes = {
  hideSignUpModal: PropTypes.func.isRequired,
  showLoginModal: PropTypes.func.isRequired,
};

export default React.memo(ThankYouBanner);
