import { StyleSheet } from "react-native";

const SpacingStyles = StyleSheet.create({
   mb05: { marginBottom: 5 },
   mb08: { marginBottom: 8 },
   mb10: { marginBottom: 10 },
   mb12: { marginBottom: 12 },
   mb13: { marginBottom: 13 },
   mb15: { marginBottom: 15 },
   mb20: { marginBottom: 20 },
   mb30: { marginBottom: 30 },
   mb50: { marginBottom: 50 },
   mb100: { marginBottom: 100 },
   mt02: { marginTop: 2 },
   mt05: { marginTop: 5 },
   mt10: { marginTop: 10 },
   mt15: { marginTop: 15 },
   mt30: { marginTop: 30 },
   mr05: { marginRight: 5 },
   mr10: { marginRight: 10 },
   ml05: { marginLeft: 5 },
   ml10: { marginLeft: 10 },
   ml15: { marginLeft: 15 },
   ml20: { marginLeft: 20 },
   ml25: { marginLeft: 25 },
   mv05: { marginVertical: 5 },
   mv10: { marginVertical: 10 },
   mv15: { marginVertical: 15 },
   mv50: { marginVertical: 50 },
   mh03: { marginHorizontal: 3 },
   mh05: { marginHorizontal: 5 },
   mh10: { marginHorizontal: 10 },
   mh15: { marginHorizontal: 15 },
   p0: { padding: 0 },
   p05: { padding: 5 },
   p10: { padding: 10 },
   p15: { padding: 15 },
   p20: { padding: 20 },
   pb05: { paddingBottom: 5 },
   pb07: { paddingBottom: 7 },
   pb10: { paddingBottom: 10 },
   pb13: { paddingBottom: 13 },
   pb15: { paddingBottom: 15 },
   pb20: { paddingBottom: 20 },
   pb50: { paddingBottom: 50 },
   pb100: { paddingBottom: 100 },
   ph05: { paddingHorizontal: 5 },
   ph10: { paddingHorizontal: 10 },
   ph15: { paddingHorizontal: 15 },
   ph16: { paddingHorizontal: 16 },
   ph20: { paddingHorizontal: 20 },
   pv03: { paddingVertical: 3 },
   pv05: { paddingVertical: 5 },
   pv10: { paddingVertical: 10 },
   pv14: { paddingVertical: 14 },
   pv15: { paddingVertical: 15 },
   pv20: { paddingVertical: 20 },
});

export default SpacingStyles;
