import { StyleSheet } from "react-native";

export const styles = StyleSheet.create({
  mainViewStyle: { flex: 1 },
  headerViewStyle: {},
  headerTextStyle: { textAlign: "center", fontSize: 20, fontWeight: "bold" },
  headerDetaileViewStyle: {},
  headerDetaileTextStyle: { textAlign: "center", fontSize: 15 },
  planOutterViewStyle: { marginVertical: 20 },
  boxOutterViewStyle: { marginVertical: 5 },
  boxViewStyle: {
    borderWidth: 1,
    borderRadius: 10,
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
    paddingVertical: 20,
    paddingHorizontal: 10,
    borderColor: "#AFAFAF",
  },
  boxPlanTextViewStyle: {},
  boxPlanTextStyle: {
    fontWeight: "500",
    fontSize: 15,
  },
  boxAmountViewStyle: {
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "center",
    gap: 10,
  },
  boxAmountTextStyle: {},
  openBoxViewStyle: {
    padding: 10,
    paddingHorizontal: 15,
    borderWidth: 1,
    borderRadius: 10,
  },
  boxInnerHeaderViewStyle: {
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "space-between",
  },
  boxInnerHeaderTextViewStyle: { flex: 1 },
  boxInnerHeaderTextStyle: {
    fontWeight: "600",
    fontSize: 15,
    textAlign: "center",
  },
  boxInnerIconViewStyle: { transform: [{ rotate: "180deg" }] },
  boxInnerDetailsTextViewStyle: { marginTop: 5, marginBottom: 10 },
  boxInnerDetailsTextStyle: {
    fontSize: 14,
    textAlign: "center",
    color: "#545454",
  },
  boxInnerAmountViewStyle: {},
  boxInnerAmountTextStyle: {
    color: "black",
    fontSize: 15,
  },
  offerViewStyle: {
    flexDirection: "row",
    alignItems: "center",
    marginTop: 10,
  },
  offerTextViewStyle: {},
  offerTextStyle: { marginLeft: 15 },
  buttonOutterViewStyle: { flex: 1, justifyContent: "flex-end" },
  buttonViewStyle: {
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#141414",
    borderRadius: 10,
    padding: 15,
  },
  buttonTextStyle: { color: "white", fontSize: 18, fontWeight: "600" },
});