import React from 'react';
import {Image} from 'react-native';
import Container from '@components/Container';
import {
  ComingSoonWrapper,
  ComingSoonTitle,
  ComingSoonSubTitle,
} from '@styles/screens/scan';

const Scan = () => (
  <Container header={{title: 'Scan', showBackButton: false}}>
    <ComingSoonWrapper>
      <Image source={require('@assets/images/scan/scan-coming-soon.png')} />

      <ComingSoonTitle>
        Scan QR to share and receive information securely with any organisation.{' '}
      </ComingSoonTitle>
      <ComingSoonSubTitle>Coming soon!</ComingSoonSubTitle>
    </ComingSoonWrapper>
  </Container>
);

export default Scan;