import { StyleSheet } from "react-native";
import { windowHeight } from "@src/themes";

const external = StyleSheet.create({
  Pb_10: {
    paddingBottom: windowHeight(10),
  },
  Pb_15: {
    paddingBottom: windowHeight(14),
  },
  pv_5: {
    paddingVertical: windowHeight(10),
  },
  Pb_5: {
    paddingBottom: windowHeight(5),
  },
  p_10: {
    padding: windowHeight(10),
  },
  p_5: {
    padding: windowHeight(5),
  },
  p_15: {
    padding: windowHeight(5),
  },
  ph_20: {
    paddingHorizontal: windowHeight(15),
  },
  ph_30: {
    paddingHorizontal: windowHeight(22),
  },
  ph_13: {
    paddingHorizontal: windowHeight(12),
  },
  ph_10: {
    paddingHorizontal: windowHeight(10),
  },
  ph_5: {
    paddingHorizontal: windowHeight(5),
  },
  ph_8: {
    paddingHorizontal: windowHeight(8),
  },
  pt_15: {
    paddingTop: windowHeight(15),
  },
  pt_13: {
    paddingTop: windowHeight(13),
  },
  pt_10: {
    paddingTop: windowHeight(10),
  },
  pt_8: {
    paddingTop: windowHeight(8),
  },
  pt_4: {
    paddingTop: windowHeight(3),
  },
  pt_5: {
    paddingTop: windowHeight(5),
  },
  m_5: {
    margin: windowHeight(5),
  },
  m_8: {
    margin: windowHeight(8),
  },
  m_10: {
    margin: windowHeight(10),
  },
  m_15: {
    margin: windowHeight(15),
  },
  m_20: {
    margin: windowHeight(20),
  },
  mb_5: {
    marginBottom: windowHeight(5),
  },
  mb_10: {
    marginBottom: windowHeight(10),
  },
  mb_15: {
    marginBottom: windowHeight(15),
  },
  mb_20: {
    marginBottom: windowHeight(20),
  },
  ml_5: {
    marginLeft: windowHeight(5),
  },
  ml_10: {
    marginLeft: windowHeight(10),
  },
  ml_15: {
    marginLeft: windowHeight(15),
  },
  ml_20: {
    marginLeft: windowHeight(20),
  },
  mr_5: {
    marginRight: windowHeight(5),
  },
  mr_8: {
    marginRight: windowHeight(8),
  },
  mr_10: {
    marginRight: windowHeight(10),
  },
  mr_15: {
    marginRight: windowHeight(15),
  },
  mr_20: {
    marginRight: windowHeight(20),
  },
  mv_15: {
    marginVertical: windowHeight(15),
  },
  mv_13: {
    marginVertical: windowHeight(13),
  },
  mv_5: {
    marginVertical: windowHeight(5),
  },
  mv_8: {
    marginVertical: windowHeight(8),
  },
  mv_10: {
    marginVertical: windowHeight(10),
  },
  mh_40: {
    marginHorizontal: windowHeight(94),
  },
  mh_20: {
    marginHorizontal: windowHeight(14),
  },
  mh_15: {
    marginHorizontal: windowHeight(10),
  },
  mt_5: {
    marginTop: windowHeight(5),
  },
  mt_2: {
    marginTop: windowHeight(1),
  },
  mt_3: {
    marginTop: windowHeight(3),
  },
  mt_10: {
    marginTop: windowHeight(10),
  },
  mt_8: {
    marginTop: windowHeight(8),
  },
  mt_15: {
    marginTop: windowHeight(15),
  },
  mt_16: {
    marginTop: windowHeight(16),
  },
  mt_20: {
    marginTop: windowHeight(20),
  },
  mt_23: {
    marginTop: windowHeight(23),
  },
  mt_25: {
    marginTop: windowHeight(25),
  },
  mt_28: {
    marginTop: windowHeight(30),
  },
  mt_30: {
    marginTop: windowHeight(35),
  },
  mt_50: {
    marginTop: windowHeight(45),
  },
  mt_40: {
    marginTop: windowHeight(55),
  },
  mt_55: {
    marginTop: "40%",
  },
  mt_35: {
    marginTop: "35%",
  },
  mt_60: {
    marginTop: "50%",
  },
  mt_70: {
    marginTop: "60%",
  },
  mt_53: {
    marginTop: "53%",
  },
  mt_80: {
    marginTop: "80%",
  },
  mt_12: {
    marginTop: windowHeight(12),
  },
  fd_row: {
    flexDirection: "row",
  },
  fd_column: {
    flexDirection: "column",
  },
  as_center: {
    alignSelf: "center",
  },
  as_end: {
    alignSelf: "flex-end",
  },
  js_space: {
    justifyContent: "space-between",
  },
  js_end: {
    justifyContent: "flex-end",
  },
  js_center: {
    justifyContent: "center",
  },
  fx_1: {
    flex: 1,
  },
  fg_1: {
    flexGrow: 1,
  },
  fg_95: {
    flexGrow: 0.95,
  },
  fg_half: {
    flexGrow: 0.45,
  },
  fg_7: {
    flexGrow: 0.7,
  },
  fg_8: {
    flexGrow: 0.8,
  },
  fg_9: {
    flexGrow: 0.9,
  },
  ai_center: {
    alignItems: "center",
  },
  rm_contain: {
    resizeMode: "contain",
  },
  rm_cover: {
    resizeMode: "cover",
  },
  ti_center: {
    textAlign: "center",
  },
  mh_2: {
    marginHorizontal: windowHeight(2),
  },
  mh_3: {
    marginHorizontal: windowHeight(3),
  },
  mh_5: {
    marginHorizontal: windowHeight(5),
  },
  mh_8: {
    marginHorizontal: windowHeight(8),
  },
  mh_10: {
    marginHorizontal: windowHeight(10),
  },
  mb_25: {
    marginBottom: windowHeight(25),
  },
  mb_30: {
    marginBottom: windowHeight(30),
  },
  mb_50: {
    marginBottom: windowHeight(50),
  },
  mb_40: {
    marginBottom: windowHeight(40),
  },
  mb_60: {
    marginBottom: windowHeight(60),
  },
  Pb_30: {
    paddingBottom: windowHeight(30),
  },
  Pb_80: {
    paddingBottom: windowHeight(80),
  },
  width_100: {
    width: "100%",
  },
  width_83: {
    width: "83%",
  },
  pv_10: {
    paddingVertical: windowHeight(7),
  },
  pv_15: {
    paddingVertical: windowHeight(14),
  },
  ps_ab: {
    position: "absolute",
  },
  main: { flex: 1 },
});

export { external };
