import React from 'react';
import translate from 'translations';
import OnboardSlide from './OnboardSlide';
import onboardIconSeven from 'assets/images/onboarding_icon-07.svg';

const SecureSlideOne = () => {
  const header = (
    <div>
      <span>{translate('ONBOARD_secure_1_title')}</span>
    </div>
  );

  const content = (
    <div>
      <p>{translate('ONBOARD_secure_1_content__1')}</p>
      <ul>
        <li>{translate('ONBOARD_secure_1_content__2')}</li>
        <li>{translate('ONBOARD_secure_1_content__3')} </li>
        <li>{translate('ONBOARD_secure_1_content__4')}</li>
        <li>{translate('ONBOARD_secure_1_content__5')}</li>
        <li>{translate('ONBOARD_secure_1_content__6')}</li>
        <li>{translate('ONBOARD_secure_1_content__7')}</li>
      </ul>
    </div>
  );
  return <OnboardSlide header={header} content={content} slideImage={onboardIconSeven} />;
};
export default SecureSlideOne;