import { StyleSheet } from 'react-native';
import Colors from './Colors';

const globalStyles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    backgroundColor: "#1c1d20",
  },
  heading: {
    color: "#a3b1a9",
    // backgroundColor:'black',
    paddingLeft: 5,
    marginLeft: 20,
    marginTop: 20,
    alignSelf: "flex-start",
  },
  welcomeInput: {
    marginLeft: 0,
    // FlexWrap:'',
    marginRight: 10,
    // height:100,
    width: "100%",
    flexDirection: "column",
  },
  welcomeInputContainer: {
    maxWidth: "92%",
  },
  welcomePassContainter: {
    width: "80%",
  },
  eyeButton: {
    marginLeft: 0,
    paddingLeft: 0,
    padding: 0,
    marginTop: 0,
    paddingTop: 8,
    // backgroundColor:'black',
  },
  subHeading: {
    color: "#a3b1a9",
    paddingLeft: 10,
    marginLeft: 20,
    alignSelf: "flex-start",
    // backgroundColor:'white',
  },
  redText: {
    color: "#e63946",
  },
  cyanText: {
    color: "#00adb5",
  },
  bottomButton: {
    marginBottom: 50,
    height: 70,
    width: 300,
    alignSelf: "center",
  },
  text: {
    color: Colors["dark"].text,
  },
  verificationInput: {
    marginTop: 10,
    alignItems: "center",
  },
  nameInput: {
    marginLeft: 15,
  },
  topActivityLoader: {
    // backgroundColor:'black',
    maxHeight: 35,
  },
  profileButton: {
    height: 50,
    width: 300,
    alignSelf: "center",
  },
});

export { globalStyles }