import React from 'react';
import { Text, View } from 'react-native';
import { IOSWebViewProps, AndroidWebViewProps, WindowsWebViewProps } from './WebViewTypes';
import styles from './WebView.styles';

export type WebViewProps = IOSWebViewProps & AndroidWebViewProps & WindowsWebViewProps;

// This "dummy" WebView is to render something for unsupported platforms,
// like for example Expo SDK "web" platform.
const WebView: React.FunctionComponent<WebViewProps> = () => (
  <View style={styles.flexStart}>
    <Text style={styles.colorRed}>React Native WebView does not support this platform.</Text>
  </View>
);

export { WebView };
export default WebView;