1import { Text, Spacer, View } from 'expo-dev-client-components';
2import * as React from 'react';
3
4import { BaseModal } from './BaseModal';
5
6export function DevServerExplainerModal() {
7  return (
8    <BaseModal title="Development servers">
9      <Spacer.Vertical size="small" />
10      <Text size="medium">Start a local development server with:</Text>
11      <Spacer.Vertical size="small" />
12
13      <View bg="secondary" border="default" rounded="medium" padding="medium">
14        <Text type="mono" size="small">
15          npx expo start --dev-client
16        </Text>
17      </View>
18
19      <Spacer.Vertical size="large" />
20      <Text>Then, select the local server when it appears here.</Text>
21      <Spacer.Vertical size="small" />
22      <Text>
23        Alternatively, open the Camera app and scan the QR code that appears in your terminal
24      </Text>
25    </BaseModal>
26  );
27}
28