import { StyleSheet } from "react-native";
import { appFonts, fontSizes, windowHeight, windowWidth } from "@src/themes";
import { appColors } from "@src/themes";
import { commonStyles } from "../../../styles/commonStyle";
import { external } from "../../../styles/externalStyle";

const styles = StyleSheet.create({
  pickerButton: {
    flexDirection: "row",
    alignItems: "center",
    paddingHorizontal: windowWidth(4),
    justifyContent: "space-between",
  },
  codeText: {
    fontSize: fontSizes.FONT16,
    color: appColors.primaryText,
    top: windowHeight(0),
    right: windowWidth(9),
  },
  mainContainer: { flex: 1, height: "100%" },
  viewContainer: {
    position: "absolute",
    bottom: windowHeight(0),
    width: "90%",
    alignSelf: "center",
    marginBottom: windowHeight(13),
  },
  textContainer: {
    fontFamily: appFonts.medium,
    fontSize: fontSizes.FONT16,
    ...external.ph_20,
    color: appColors.primaryText,
    marginTop: windowHeight(18),
  },
  inputContainer: {
    ...commonStyles.shadowContainer,
    ...external.mh_20,
    ...external.ph_20,
    ...external.pv_15,
    borderRadius: windowHeight(19),
    marginTop: windowHeight(15),
  },
  codeContainer: {
    marginTop: windowHeight(8),
    backgroundColor: appColors.whiteColor,
    borderWidth: windowHeight(1.5),
    borderRadius: windowHeight(29),
    height: windowHeight(40),
  },
  lastName: { bottom: windowHeight(16) },
  firstName: { bottom: windowHeight(13) },
  countryCodeContainer: {
    width: windowWidth(100),
    height: windowHeight(35),
    alignItems: "center",
    justifyContent: "center",
  },
  inputText: {
    marginHorizontal: windowWidth(5),
    width: "100%",
  },
  phoneNumberInput: {
    width: windowWidth(330),
    marginHorizontal: windowHeight(9),
    paddingHorizontal: windowHeight(9),
    height: windowHeight(39),
  },
  iconContainer: {
    height: windowHeight(39),
    width: windowWidth(10),
    alignItems: "center",
    justifyContent: "center",
    paddingBottom: windowHeight(3),
    marginHorizontal: windowWidth(5),
  },
  dialCode: {
    color: appColors.regularText,
    fontFamily: appFonts.regular,
    left: windowHeight(2),
  },
  countryCode: {
    justifyContent: "space-between",
    width: windowWidth(55),
  },
});
export { styles };
