import React from "react";
import { Text, View } from "react-native";

import { IconButton } from "react-native-paper";
import { Row } from "./Common";

import EmptyView from "./EmptyView";

const ErrorView = ({ theme, onRetry, error, openWebView }) => (
    <View style={{ flex: 1, justifyContent: "center" }}>
        <EmptyView
            icon="(；￣Д￣)"
            description={error}
            style={{ color: theme.textColorSecondary }}
        >
            <IconButton
                icon="reload"
                size={25}
                style={{ margin: 0, marginTop: 24 }}
                color={theme.textColorSecondary}
                onPress={onRetry}
            />
            <Text style={{ color: theme.textColorPrimary }}>Retry</Text>
        </EmptyView>
    </View>
);

export default ErrorView;