/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */

import { StyleSheet, Dimensions } from 'react-native';
const screenWidth = (Dimensions.get('window').width);

const styles = StyleSheet.create({

  container: {
    backgroundColor: '#26304f',
    flex: 1,
  },
  headerSection: {
    paddingLeft: 0,
    paddingRight: 0,
    backgroundColor: 'transparent',
    borderBottomColor: 'transparent',
  },
  headerLeftSection: {
    flex: 1,
    paddingLeft: 8,
  },
  userDetailsSection: {
    paddingLeft: 10,
    paddingBottom: 30,
    paddingTop: 10,
  },
  userName: {
    color: '#fff',
    fontSize: 22,
    // fontWeight: 'bold',
  },
  userDesc: {
    color: '#78d2d1',
  },
  tabsSection: {
    marginLeft: 15,
    paddingLeft: 0,
    backgroundColor: 'transparent',
    marginRight: 15,
    height: 60,
    width: screenWidth - 30,
    justifyContent: 'space-between',
  },
  tabBarColor: {
    backgroundColor: '#78d2d1',
    height: 3,
  },
  tabStyle: {
    backgroundColor: '#fff',
    color: '#000',
  },
  tabIcons: {
    color: '#000',
  },
  firstTab: {
    // borderTopLeftRadius: 10,
  },
  lastTab: {
    // borderTopRightRadius: 10,
  },
  activeIcon: {
    color: '#78d2d1',
  },
  iconRedCircle: {
    backgroundColor: 'red',
  },
  icon: {
    color: '#fff',
  },
});

export default styles;
