All files / src/WelcomePages/WelcomePage5 WelcomePage5.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
 
 
 
 
 
 
 
1x
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
// @flow
 
import React from 'react';
import MediaQuery from 'react-responsive';
import { WelcomeButton, Welcome, WelcomeAuthButtons, SingleImageBg } from '@/components';
import { welcomeButtons, authButtons } from './data';
import image from '../pictures/Image1.jpg';
 
export const WelcomePage5 = (): React.Node => (
	<SingleImageBg imageUrl={image}>
		<Welcome buttons={welcomeButtons}>
			<MediaQuery minWidth={361}>
				<WelcomeAuthButtons>
					<WelcomeButton title={authButtons[0].title} onClick={authButtons[0].onClick} />
					<WelcomeButton title={authButtons[1].title} onClick={authButtons[1].onClick} />
				</WelcomeAuthButtons>
			</MediaQuery>
			<MediaQuery maxWidth={360}>
				<WelcomeAuthButtons>
					<WelcomeButton title={authButtons[0].title} onClick={authButtons[0].onClick} />
					<WelcomeButton title={authButtons[1].title} onClick={authButtons[1].onClick} />
				</WelcomeAuthButtons>
			</MediaQuery>
		</Welcome>
	</SingleImageBg>
);