import { Dimensions, StyleSheet } from "react-native";
const { width } = Dimensions.get("window");
export const styles = StyleSheet.create({
  mainViewStyle: {
    backgroundColor: "#0065FF",
    borderRadius: 12,
    width: "100%",
  },
  headerViewStyle: {
    flexDirection: "row",
    paddingTop: 20,
    justifyContent: "space-between",
    alignItems: "center",
    paddingHorizontal: 20,
  },
  headerTextStyle: {
    fontSize: 14,
    fontWeight: "500",
    lineHeight: 20,
    color: "#FFF",
    marginTop: 8,
  },
  crossViewStyle: {
    padding: 4,
    backgroundColor: "rgba(255, 255, 255, 0.20)",
    borderRadius: 4,
    justifyContent: "center",
    alignItems: "center",
  },
  welcomeTextStyle: {
    fontSize: 24,
    fontWeight: "500",
    lineHeight: 34,
    color: "#FFF",
    paddingLeft: 20,
    paddingVertical: 8,
  },
  middelViewStyle: {
    flexDirection: "row",

    paddingLeft: 20,
    overflow: "hidden",
  },
  descriptionTextStyle: {
    width: 200,
    fontSize: 12,
    fontWeight: "500",
    lineHeight: 16,
    color: "rgba(255, 255, 255, 0.80)",
  },
  buttonViewStyle: {
    paddingVertical: 10,
    borderWidth: 1,
    borderColor: "#D1ACFF",
    borderRadius: 10,
    marginTop: 20,
    marginBottom: 32,
    width: 130,
  },
  buttonTextStyle: {
    textAlign: "center",

    fontSize: 14,
    fontWeight: "600",
    lineHeight: 20,
    color: "#FFF",
  },
  iconViewStyle: {
    position: "absolute",
    right: -30,

    backgroundColor: "rgba(255, 255, 255, 0.20)",
    borderRadius: 192,
    padding: 26,
    justifyContent: "center",
    alignItems: "center",
  },
  footerViewStyle: {
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
    backgroundColor: "#FBFBFB",
    padding: 12,
    borderBottomLeftRadius: 12,
    borderBottomRightRadius: 12,
  },
  footerTextStyle: {
    color: "#939393",
    fontSize: 10,
    fontWeight: "400",
    lineHeight: 12,
  },
});