import { StyleSheet } from 'react-native';
import Colors from './Colors';
import { StatusBar } from '@gluestack-ui/themed';

const globalStyles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    backgroundColor: Colors.dark.tabBg,
    marginTop: StatusBar.currentHeight,
  },
  welcomeAlert: {
    width: "85%",
    alignSelf: "center",
    marginTop: 10,
    margin: 5,
    borderColor: Colors["dark"].red,
    backgroundColor: Colors["dark"].alertBackground,
    borderWidth: 1,
    borderRadius: 10,
    padding: 5,
    overflow: "hidden",
  },
  heading: {
    color: "#a3b1a9",
    // backgroundColor:'black',
    paddingLeft: 5,
    marginLeft: 20,
    marginTop: 20,
    alignSelf: "flex-start",
  },
  welcomeInputContainer: {
    maxWidth: "92%",
  },
  eyeButton: {
    marginLeft: 0,
    paddingLeft: 0,
    padding: 0,
    marginTop: 0,
    paddingTop: 8,
    backgroundColor:Colors.dark.tabBg,
    // 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",
    marginTop:10,
  },
  separator: {
    marginVertical: 30,
    height: 1,
    width: "80%",
    backgroundColor: "rgba(255,255,255,0.1)",
    alignSelf:"center"
  },
});

export { globalStyles }