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">expo start --dev-client</Text>
15      </View>
16
17      <Spacer.Vertical size="large" />
18      <Text>Then, select the local server when it appears here.</Text>
19      <Spacer.Vertical size="small" />
20      <Text>
21        Alternatively, open the Camera app and scan the QR code that appears in your terminal
22      </Text>
23    </BaseModal>
24  );
25}
26