import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  smallPadding: {
    padding: '2%',
  },
  smallPaddingHorizontal: {
    paddingHorizontal: '2%',
  },
  smallPaddingVertical: {
    paddingVertical: '2%',
  },
  smallPaddingTop: {
    paddingTop: '2%',
  },
  padding: {
    padding: '4%',
  },
  paddingHorizontal: {
    paddingHorizontal: '4%',
  },
  paddingVertical: {
    paddingVertical: '4%',
  },
  paddingTop: {
    paddingTop: '4%',
  },
  centered: {
    justifyContent: 'center',
    alignItems: 'center',
  },
  alignCenter: {
    alignItems: 'center',
  },
  justifyCenter: {
    justifyContent: 'center',
  },
  centerText: {
    textAlign: 'center',
  },
  centerSelf: {
    alignSelf: 'center',
  },
  flex: {
    flex: 1,
  },
  flexGrow: {
    flexGrow: 1,
  },
  flexShrink: {
    flexShrink: 1,
  },
  flexRow: {
    flexDirection: 'row',
  },
  flexRowSpaceBetween: {
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  flexColumn: {
    flexDirection: 'column',
  },
  flexColumnSpaceBetween: {
    flexDirection: 'column',
    justifyContent: 'space-between',
  },
  flexRowReverse: {
    flexDirection: 'row-reverse',
  },
  flexWrap: {
    flexWrap: 'wrap',
  },
  justifyStart: {
    justifyContent: 'flex-start',
  },
  justifyEnd: {
    justifyContent: 'flex-end',
  },
  fullWidth: {
    width: '100%',
  },
  fullHeight: {
    height: '100%',
  },
  fullSize: {
    width: '100%',
    height: '100%',
  },
});

export default styles;
