import { StyleSheet } from "react-native";
import { appFonts, fontSizes, windowHeight, windowWidth } from "@src/themes";

const styles = StyleSheet.create({
  main: {
    flex: 1,
    width: "100%",
  },
  title: {
    marginTop: windowHeight(16),
    marginHorizontal: windowWidth(20),
    fontFamily: appFonts.bold,
    fontSize: fontSizes.FONT21,
  },
  noDataContainer: {
    justifyContent: "center",
    alignItems: "center",
    flex: 1,
    marginHorizontal: windowWidth(20),
  },
  noInternet: { height: "50%" },
  dataView: {
    maxHeight: windowHeight(379),
    marginHorizontal: windowWidth(20),
    borderRadius: windowHeight(7),
    marginTop: windowHeight(10),
    overflow: "hidden",
    borderWidth: windowHeight(1),
    marginBottom: windowHeight(85),
  },
  skeltonAppPage: {
    paddingHorizontal: windowHeight(11),
    paddingVertical: windowHeight(7),
  },
});

export default styles;
