cascnauipackages/lib/src/segmentTabControl/styles.js

Repo for Common Components for CASCNA

import FONT_CONSTANTS from '../../constants/fontConstants';
import COLOR_CONSTANTS from '../../constants/colorConstants';

const {
  FONT_FAMILY_HELVETICA,
  FONT_WEIGHT_BOLD,
  FONT_SIZE_EXTRA_MEDIUM,
} = FONT_CONSTANTS;

const {
  BLACK,
  SELECTED_TAB_COLOR,
  GREY_BUTTON,
} = COLOR_CONSTANTS;

const styles = {
  container: {
    height: 81,
  },
  tabsContainer: {
    borderWidth: 0,
    marginTop: 28,
    flexDirection: 'row',
    marginBottom: -2,
  },
  activeTab: {
    borderColor: SELECTED_TAB_COLOR,
    borderWidth: 0,
    borderBottomWidth: 6,
  },
  tabText: {
    fontFamily: FONT_FAMILY_HELVETICA,
    fontSize: FONT_SIZE_EXTRA_MEDIUM,
    fontWeight: FONT_WEIGHT_BOLD,
    color: BLACK,
    opacity: 0.50,
    marginLeft: 20,
    marginRight: 20,
    marginBottom: 18,
  },
  activeTabText: {
    opacity: 1,
  },
  separator: {
    height: 2,
    backgroundColor: GREY_BUTTON,
    opacity: 0.40,
  },
};

export default styles;