import { Dimensions, StyleSheet } from "react-native";
const { width, height } = Dimensions.get("window");

export const styles = StyleSheet.create({
  mainView: { width: width },
  innerViewStyle: { justifyContent: "center", alignItems: "center" },
  componentViewStyle: {
    width: 153,
    height: 191,
    backgroundColor: "gray",
    borderRadius: 15,
    padding: 10,
    marginLeft: 10,
  },
  imageViewStyle: {
    justifyContent: "center",
    alignItems: "center",
    marginVertical: 5,
  },
  imageStyle: { width: 127, height: 103, borderRadius: 10 },
  roundImageStyle: { width: 100, height: 100, borderRadius: 50 },
  headerViewStyle: {},
  headerTextStyle: { fontSize: 15, fontWeight: "bold" },
  detailViewStyle: {},
  detailsTextStyle: {},
  dotViewStyle: {
    flexDirection: "row",
    justifyContent: "center",
    alignItems: "center",
    width: width,
  },
  dotStyle: { width: 10, height: 10, borderRadius: 5, margin: 5 },
});