1import * as React from 'react'
2import * as Kb from '../../../common-adapters'
3import * as Styles from '../../../styles'
4import QRLines from '../../../common-adapters/qr-lines'
5import {Props} from '.'
6// Basically only used for storybook
7
8const QRScan = (props: Props) => (
9  <Kb.Box2 direction="vertical" style={styles.container}>
10    <QRLines canScan={true} />
11    {props.waiting && <Kb.ProgressIndicator style={styles.waiting} type="Large" white={true} />}
12  </Kb.Box2>
13)
14
15const styles = Styles.styleSheetCreate(
16  () =>
17    ({
18      container: {
19        alignSelf: 'stretch',
20        backgroundColor: Styles.globalColors.black,
21        height: 200,
22        justifyContent: 'center',
23        position: 'relative',
24      },
25      waiting: {
26        alignSelf: 'center',
27      },
28    } as const)
29)
30
31export default QRScan
32