import { StyleSheet } from "react-native";

const LayoutStyles = StyleSheet.create({
   wrapLogin: { flex: 1, justifyContent: "flex-start", alignItems: "stretch", padding: 20 },
   flex1: { flex: 1 },
   flex2: { flex: 2 },
   flexColumn: { flexDirection: 'column' },
   rowOnly: { flexDirection: 'row' },
   rowSpaceBetween: { justifyContent: 'space-between', flexDirection: 'row' },
   rowSpaceBetweenReverse: { justifyContent: 'space-between', flexDirection: 'row-reverse' },
   rowItemsCenter: { flexDirection: 'row', alignItems: 'center' },
   justifySpaceBetween: { justifyContent: 'space-between' },
   justifyCenter: { justifyContent: 'center' },
   alignCenter: { alignItems: 'center' },
   itemsCenter: { alignItems: 'center' },
   alignStart: { alignItems: 'flex-start' },
   contentItemCenter: { justifyContent: 'center', alignItems: 'center' },
   h100: { height: '100%' },
   w30: { width: '30%' },
   w40: { width: '40%' },
   w45: { width: '45%' },
   w48: { width: '48%' },
   w50: { width: '50%' },
   w60: { width: '60%' },
   w70: { width: '70%' },
   w80: { width: '80%' },
   w90: { width: '90%' },
   w95: { width: '95%' },
   w100: { width: '100%' },
   posAbsolute: { position: 'absolute' },
   absolute0: { position: 'absolute', bottom: 0 },
   absoluteIcon: { top: 18, left: 20, position: 'absolute' },
   absoluteIconPicker: {
      backgroundColor: '#384288',
      padding: 5,
      borderRadius: 100,
      bottom: 5,
      right: 5,
      position: 'absolute',
   },
   hidden: { position: 'absolute', opacity: 0, zIndex: -1 },
   zIndex1: { zIndex: 1 },
   zIndexMinus1: { zIndex: -1 },
   resizeContain: { resizeMode: 'contain' },
   resizeCover: { resizeMode: 'cover' },
   resizeStretch: { resizeMode: 'stretch' },
   animatedView: { width: '100%', overflow: 'hidden' },
   wrapperAccordion: { width: '100%', position: 'absolute', display: 'flex', alignItems: 'center' },
   bottomMenuSelectDocument: { paddingVertical: 10, position: 'absolute', width: '100%', bottom: 0 },
});

export default LayoutStyles;
