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

import colors from "../config/colors";
import Screen from "../components/Screen";
import { AntDesign } from "@expo/vector-icons";
import { dimensions } from "../config/dimensions";

function AccountScreen({ navigation }) {
  return (
    <Screen style={styles.screen}>
      <View style={styles.container}>
        <AntDesign name="warning" size={60} color="black" />
        <Text style={{ fontSize: dimensions.text.header, fontWeight: "bold" }}>
          Em construção...
        </Text>
      </View>
    </Screen>
  );
}

const styles = StyleSheet.create({
  screen: {
    backgroundColor: colors.light,
  },
  container: {
    flex: 1,
    flexDirection: "column",
    alignItems: "center",
    justifyContent: "flex-start",
  },
});

export default AccountScreen;