import { StyleSheet } from 'react-native';

import { GlobalTheme, Screen, shadow } from '../../../theme';

export const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: GlobalTheme.colors.white,
    paddingHorizontal: 10
  },
  // tabs
  tabview: {
    alignItems: 'center',
    justifyContent: 'space-between',
    marginVertical: 10,
    flexDirection: 'row',
  },
  tabstyle: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    borderColor: GlobalTheme.colors.lightblue,
    borderWidth: 1.5,
    borderRadius: GlobalTheme.borderRadius.xxlg,
    marginTop: 10,
    paddingHorizontal: 10,
  },
  tabtext: {
    overflow: 'hidden',
    color:'#000'
  },
  selecttabView: {
    backgroundColor: GlobalTheme.colors.primary,
    paddingVertical: 8,
    paddingHorizontal: 15,
    borderRadius: GlobalTheme.borderRadius.lgg
  },
  selecttabText: {
    color: GlobalTheme.colors.white,
    fontSize: GlobalTheme.typography.fontSize.small,
    fontWeight: GlobalTheme.typography.fontWeight.regular,
    textAlign: 'center'
  },
  unselecttabView: {
    paddingVertical: 8,
    paddingHorizontal: 15,
    borderRadius: GlobalTheme.borderRadius.md
  },
  unselecttabText: {
    color: GlobalTheme.colors.lightbluetext,
    fontSize: GlobalTheme.typography.fontSize.xsmall,
    fontWeight: GlobalTheme.typography.fontWeight.regular,
    textAlign: 'center'
  },
  // comp
  section: {
    backgroundColor: GlobalTheme.colors.white,
    padding: 12,
    marginHorizontal: 5,
    borderRadius: 8,
    elevation: 2,
    width: Screen.screenWidth * 0.92,
    marginVertical: 5,
    borderWidth: 1,
    borderColor: '#113F8C',
    marginBottom:15,
    marginTop:10,
    // ...shadow,

  },
  sectionTitle: {
    color:'#000',
    fontWeight: GlobalTheme.typography.fontWeight.bold,
    fontSize: GlobalTheme.typography.fontSize.small,
    marginHorizontal:10
  },
  row: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    paddingVertical: 4
  },
  brand: {
    fontSize: GlobalTheme.typography.fontSize.xsmall,
    color: GlobalTheme.colors.black,
    fontWeight: GlobalTheme.typography.fontWeight.medium,
  },
  value: {
    fontSize: GlobalTheme.typography.fontSize.xsmall,
    fontWeight: GlobalTheme.typography.fontWeight.medium,
  },
  name: {
    fontSize: GlobalTheme.typography.fontSize.xsmall,
    fontWeight: GlobalTheme.typography.fontWeight.regular,
    flexWrap:'wrap',
    color:'#000'

  },
  date: {
    fontSize: GlobalTheme.typography.fontSize.xsmall,
    fontWeight: GlobalTheme.typography.fontWeight.regular,
    flexWrap:'wrap'
  },
  subheaderText:{
    fontSize: GlobalTheme.typography.fontSize.xsmall,
    fontWeight: GlobalTheme.typography.fontWeight.regular,
    flexWrap:'wrap',
    color : GlobalTheme.colors.gray,
    textTransform: 'capitalize',
  }, 
  headerText:{
    fontSize: GlobalTheme.typography.fontSize.medium,
    fontWeight: GlobalTheme.typography.fontWeight.medium,
    flexWrap:'wrap',
    color : GlobalTheme.colors.black, 
    paddingVertical:10,
    paddingHorizontal:10
  }

});
