cascnauipackages/lib/src/segmentControl/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_STYLE_NORMAL,
  FONT_SIZE_SMALL,
} = FONT_CONSTANTS;

const {
  WHITE,
  GREY_TEXT,
  GREY_SELECTED,
  GREY_SEPARATOR,
} = COLOR_CONSTANTS;
const styles = {
  gradeContainer: {
    height: 60,
    backgroundColor: WHITE,
    borderWidth: 2,
    marginTop: 0,
    marginBottom: 0,
    marginLeft: 0,
    marginRight: 0,
    width: 158,
    borderRadius: 0,
    borderColor: GREY_SEPARATOR,
  },
  innerBorderStyle: {
    width: 2,
    color: GREY_SEPARATOR,
  },
  selectedButtonStyle: {
    backgroundColor: GREY_SELECTED,
  },
  selectedTextStyle: {
    color: WHITE,
    fontFamily: FONT_FAMILY_HELVETICA,
    fontSize: FONT_SIZE_SMALL,
    fontWeight: FONT_WEIGHT_BOLD,
  },
  textStyle: {
    fontFamily: FONT_FAMILY_HELVETICA,
    fontSize: FONT_SIZE_SMALL,
    fontWeight: FONT_WEIGHT_BOLD,
    color: GREY_TEXT,
    fontStyle: FONT_STYLE_NORMAL,
    textAlign: 'center',
  },
};

export default styles;