import { StyleSheet } from "react-native";

const Styles = StyleSheet.create({
   wrapLogin: {
      flex: 1,
      justifyContent: "flex-start",
      alignItems: "stretch",
      padding: 20,
   },
   textHeaderHome: {
      fontSize: 18,
      fontWeight: 'bold',
      flex: 1,
      color: 'white'
   },
   textDefault: {
      fontSize: 15,
      lineHeight: 24,
   },
   textDefaultSemiBold: {
      fontSize: 15,
      lineHeight: 24,
      fontWeight: '600',
   },
   textMediumNormal: {
      fontSize: 13,
      lineHeight: 24,
   },
   textMediumSemiBold: {
      fontSize: 13,
      lineHeight: 24,
      fontWeight: '600',
   },
   textSmallSemiBold: {
      fontSize: 10,
      fontWeight: '600',
   },
   textTitle: {
      fontSize: 32,
      fontWeight: 'bold',
      lineHeight: 32,
   },
   textSubtitle: {
      fontSize: 20,
      fontWeight: 'bold',
   },
   textSubtitle2: {
      fontSize: 20,
   },
   textLink: {
      fontSize: 14,
      color: '#0a7ea4',
   },
   textInformation: {
      fontSize: 12,
      fontWeight: 'light',
   },
   cError: {
      color: '#DB1514'
   },
   cGray: {
      color: 'gray'
   },
   cWhite: {
      color: 'white'
   },
   cBlack: {
      color: 'black'
   },
   cDefault: {
      color: '#19345E'
   },
   cFolder: {
      color: '#f9cc40'
   },
   mb05: {
      marginBottom: 5
   },
   mb10: {
      marginBottom: 10
   },
   mb15: {
      marginBottom: 15
   },
   mb30: {
      marginBottom: 30
   },
   mb50: {
      marginBottom: 50
   },
   mb100: {
      marginBottom: 100
   },
   mv05: {
      marginVertical: 5
   },
   mv15: {
      marginVertical: 15
   },
   mh03: {
      marginHorizontal: 3
   },
   mh05: {
      marginHorizontal: 5
   },
   mh10: {
      marginHorizontal: 10
   },
   mh15: {
      marginHorizontal: 15
   },
   mv10: {
      marginVertical: 10
   },
   mt02: {
      marginTop: 2
   },
   mt05: {
      marginTop: 5
   },
   mt10: {
      marginTop: 10
   },
   mt15: {
      marginTop: 15
   },
   mr05: {
      marginRight: 5
   },
   mr10: {
      marginRight: 10
   },
   ml05: {
      marginLeft: 5
   },
   ml10: {
      marginLeft: 10
   },
   ml15: {
      marginLeft: 15
   },
   ml20: {
      marginLeft: 20
   },
   ml25: {
      marginLeft: 25
   },
   pb05: {
      paddingBottom: 5
   },
   pb07: {
      paddingBottom: 7
   },
   pb10: {
      paddingBottom: 10
   },
   pb13: {
      paddingBottom: 13
   },
   pb15: {
      paddingBottom: 15
   },
   ph05: {
      paddingHorizontal: 5,
   },
   ph10: {
      paddingHorizontal: 10,
   },
   ph15: {
      paddingHorizontal: 15,
   },
   ph20: {
      paddingHorizontal: 20,
   },
   pv05: {
      paddingVertical: 5
   },
   pv10: {
      paddingVertical: 10
   },
   pv15: {
      paddingVertical: 15
   },
   p15: {
      padding: 15
   },
   p10: {
      padding: 10
   },
   p20: {
      padding: 20
   },
   round10: {
      borderRadius: 10
   },
   h100: {
      height: '100%'
   },
   w100: {
      width: '100%'
   },
   w95: {
      width: '95%'
   },
   w90: {
      width: '90%'
   },
   w80: {
      width: '80%'
   },
   w70: {
      width: '70%'
   },
   w60: {
      width: '60%'
   },
   w50: {
      width: '50%'
   },
   w45: {
      width: '45%'
   },
   w40: {
      width: '40%'
   },
   w30: {
      width: '30%'
   },
   round30: {
      borderRadius: 30
   },
   labelStatus: {
      paddingHorizontal: 15,
      borderRadius: 10
   },
   labelStatusSmall: {
      paddingHorizontal: 10,
      borderRadius: 10
   },
   rowSpaceBetween: {
      justifyContent: 'space-between',
      flexDirection: 'row'
   },
   rowItemsCenter: {
      flexDirection: 'row',
      alignItems: 'center'
   },
   rowOnly: {
      flexDirection: 'row'
   },
   btnIconHeader: {
      backgroundColor: '#384288',
      padding: 7,
      borderRadius: 100,
   },
   btnFiturMenu: {
      backgroundColor: '#FCAA4B',
      padding: 10,
      borderRadius: 100,
   },
   btnRound: {
      backgroundColor: '#19345E',
      borderWidth: 0,
      borderColor: '#19345E',
      alignItems: 'center',
      borderRadius: 30,
      marginTop: 15,
      paddingVertical: 10
   },
   btnTab: {
      alignItems: 'center',
      paddingVertical: 10,
      paddingHorizontal: 15,
      borderRadius: 20,
      flexDirection: 'row',
      justifyContent: 'center'
   },
   btnLainnya: {
      alignSelf: 'flex-start',
      backgroundColor: '#19345E',
      paddingVertical: 5,
      marginVertical: 5
   },
   btnDisabled: {
      backgroundColor: '#d6d8f6',
   },
   btnMenuRow: {
      width: '33%',
      alignItems: 'center'
   },
   btnMenuRowMany: {
      alignItems: 'center',
      marginHorizontal: 10
   },
   inputRoundForm: {
      borderRadius: 10,
      borderColor: '#d6d8f6',
      borderWidth: 1,
      paddingVertical: 10,
      paddingHorizontal: 15,
   },
   inputRoundFormLeft: {
      flexDirection: 'row',
      alignItems: 'center',
      paddingVertical: 0,
   },
   inputRoundFormRight: {
      flexDirection: 'row-reverse',
      alignItems: 'center',
      paddingVertical: 0,
      justifyContent: 'space-between'
   },
   verificationCell: {
      width: 50,
      height: 50,
      lineHeight: 45,
      fontSize: 24,
      borderWidth: 1,
      borderRadius: 15,
      borderColor: 'gray',
      textAlign: 'center',
   },
   verificationFocusCell: {
      borderColor: '#19345E',
   },
   caraoselContent: {
      flex: 1,
      justifyContent: "center",
      marginHorizontal: 15,
      borderRadius: 15,
      backgroundColor: '#19345E',
      display: 'flex',
      width: '92%'
   },
   wrapGridContent: {
      shadowColor: '#171717',
      shadowOffset: { width: -2, height: 4 },
      shadowOpacity: 0.2,
      shadowRadius: 3,
      elevation: 10,
      borderRadius: 15,
      marginBottom: 15
   },
   wrapGridCaraousel: {
      width: '95%',
      height: 200,
      shadowColor: '#171717',
      shadowOffset: { width: -2, height: 4 },
      shadowOpacity: 0.2,
      shadowRadius: 3,
      elevation: 10,
      borderRadius: 15,
   },
   headerPaperGrid: {
      paddingVertical: 25,
      paddingHorizontal: 20,
      alignItems: 'center',
      borderTopStartRadius: 15,
      borderTopEndRadius: 15
   },
   contentPaperGrid: {
      backgroundColor: 'white',
      height: 150,
      borderBottomEndRadius: 15,
      borderBottomStartRadius: 15,
      paddingHorizontal: 20,
      justifyContent: 'space-evenly'
   },
   contentPaperGrid2: {
      backgroundColor: 'white',
      height: 100,
      borderBottomEndRadius: 15,
      borderBottomStartRadius: 15,
      paddingHorizontal: 20,
      paddingVertical: 15,
      justifyContent: 'flex-start'
   },
   wrapBar: {
      height: 20,
      backgroundColor: '#ccc',
      borderRadius: 10,
      margin: 0,
      width: '100%'
   },
   contentBar: {
      height: 20,
      backgroundColor: 'orange',
      borderRadius: 10,
   },
   wrapPaper: {
      padding: 15,
      backgroundColor: 'white',
      borderRadius: 10,
      borderWidth: 1,
      borderColor: '#d6d8f6',
   },
   contentItemCenter: {
      justifyContent: 'center',
      alignItems: 'center'
   },
   itemEvent: {
      padding: 10,
      borderRadius: 10,
      flexDirection: 'row',
      alignContent: 'stretch',
      marginBottom: 10
   },
   dividerEvent: {
      width: 7,
      borderRadius: 5,
      marginRight: 10
   },
   wrapItemDiscussion: {
      padding: 10,
      borderRadius: 10,
      borderColor: '#d6d8f6',
      borderWidth: 1,
      marginBottom: 10
   },
   wrapItemBorderBottom: {
      padding: 10,
      borderColor: '#d6d8f6',
      borderBottomWidth: 1,
   },
   wrapItemBorderAll: {
      padding: 10,
      borderColor: '#d6d8f6',
      borderWidth: 1,
      borderRadius: 10,
      marginBottom: 10
   },
   wrapItemBorderNone: {
      padding: 10,
      marginBottom: 5
   },
   userProfileExtraSmall: {
      width: 35,
      height: 35,
      borderRadius: 100
   },
   userProfileSmall: {
      width: 48,
      height: 48,
      borderRadius: 100
   },
   userProfileBig: {
      width: 100,
      height: 100,
      borderRadius: 100
   },
   imgListBanner: {
      width: 100,
      height: 50,
      borderRadius: 5
   },
   iconContent: {
      padding: 10,
      borderRadius: 100,
   },
   wrapHeadViewMember: {
      backgroundColor: '#19345E',
      paddingVertical: 30,
      alignItems: 'center',
      borderBottomLeftRadius: 25,
      borderBottomRightRadius: 25
   },
   modalBgTransparant: {
      backgroundColor: 'rgba(0, 0, 0, 0.3)',
      flex: 1
   },
   modalContent: {
      width: '100%',
      paddingBottom: 20,
      backgroundColor: 'white',
      borderTopRightRadius: 18,
      borderTopLeftRadius: 18,
      position: 'absolute',
      bottom: 0,
   },
   titleContainer: {
      backgroundColor: 'white',
      borderTopRightRadius: 10,
      borderTopLeftRadius: 10,
      paddingHorizontal: 20,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
      paddingVertical: 10
   },
   contentContainer: {
      height: '90%'
   },
   modalContentNew: {
      width: '100%',
      backgroundColor: 'white',
      borderTopRightRadius: 18,
      borderTopLeftRadius: 18,
      paddingTop: 5,
      paddingBottom: 5,
      paddingHorizontal: 20
   },
   titleContainerNew: {
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
      paddingVertical: 10,
   },
   modalFloatContent: {
      backgroundColor: 'white',
      borderRadius: 18,
      paddingTop: 5,
      paddingBottom: 10,
      paddingHorizontal: 20
   },
   titleContainerModalFloat: {
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
      paddingVertical: 10,
   },
   wrapBtnTab: {
      justifyContent: 'space-between',
      flexDirection: 'row',
      marginBottom: 10,
      borderRadius: 20,
      padding: 5,
      backgroundColor: 'white',
   },
   itemSelectModal: {
      padding: 10,
      flexDirection: 'row',
      justifyContent: 'space-between',
      borderColor: '#d6d8f6',
      borderBottomWidth: 1,
      alignItems: 'center'
   },
   signDate: {
      width: 20,
      height: 2,
      borderRadius: 3,
      marginTop: 3
   },
   selectedDate: {
      backgroundColor: '#238be6',
      borderRadius: 5
   },
   selectRangeDate: {
      backgroundColor: '#228be61f',
   },
   bottomMenuSelectDocument: {
      paddingVertical: 10,
      position: 'absolute',
      width: '100%',
      bottom: 0
   },
   animatedView: {
      width: '100%',
      overflow: 'hidden',
   },
   wrapperAccordion: {
      width: '100%',
      position: 'absolute',
      display: 'flex',
      alignItems: 'center',
   },
   borderRight: {
      borderRightWidth: 1,
      borderRightColor: '#d6d8f6'
   },
   borderLeft: {
      borderLeftWidth: 1,
      borderLeftColor: '#d6d8f6'
   },
   borderBottom: {
      borderBottomWidth: 1,
      borderBottomColor: '#d6d8f6'
   },
   borderTop: {
      borderTopWidth: 1,
      borderTopColor: '#d6d8f6'
   },
   borderAll: {
      borderWidth: 1,
      borderColor: '#d6d8f6'
   },
   absolute0: {
      position: 'absolute',
      bottom: 0
   },
   absoluteIcon: {
      top: 18,
      left: 20,
      position: 'absolute'
   },
   toastContainer: {
      backgroundColor: 'white',
      borderRadius: 10,
      padding: 10,
      width: '90%',
      borderWidth: 1,
      borderColor: '#d6d8f6',
   },
   absoluteIconPicker: {
      backgroundColor: '#384288',
      padding: 5,
      borderRadius: 100,
      bottom: 5,
      right: 5,
      position: 'absolute'
   },
   hidden: {
      position: 'absolute',
      opacity: 0,
      zIndex: -1,
   }
})

export default Styles;