import config from './config'

const styles = {
  curve: {
    borderStyle: 'solid',
    borderColor: '#ffc425',
    borderWidth: 2,
  },
  curveExcluded: {
    stroke: 'lightgrey',
    strokeWidth: 2,
    strokeDashArray: [4]
  },
  curveDots: {
    backgroundColor: '#00aedb',
    width: 12,
    height: 12,
    borderRadius: 50
  },
  curveDotsExcluded: {
    backgroundColor: 'lightgrey',
    width: 12,
    height: 12,
    borderRadius: 50
  },
  column: {
    label: {
      date: {
        stroke: 'grey',
        fontSize: 10,
        x: 2,
        fontWeight: '100'
      },
      number: {
        stroke: '#00b159',
        fontSize: 13,
        x: config.columnMiddle - 1
      }
    },
    rect: {
      width: config.columnWidth,
      height: config.chartHeight,
      borderStyle: 'solid',
      borderColor: 'grey',
      borderWidth: 1,
      backgroundColor: 'transparent'
    }
  },
  bleedingIcon: {
    fill: '#fb2e01',
    scale: 0.6,
    x: 6,
    y: 3
  },
  mucusIcon: {
    width: 12,
    height: 12,
    borderRadius: 50,
  },
  mucusIconShades: [
    '#cc99cc',
    '#bf7fbf',
    '#b266b2',
    '#a64ca6',
    '#993299'
  ],
  yAxis: {
    height: config.chartHeight,
    width: config.columnWidth,
  },
  yAxisLabel: {
    position: 'absolute',
    right: 3,
    color: 'grey',
    fontSize: 12,
    fontWeight: 'bold'
  },
  horizontalGrid: {
    borderColor: 'lightgrey',
    borderWidth: 1,
    width: config.columnWidth,
    borderStyle: 'solid'
  },
  nfpLine: {
    borderColor: '#00b159',
    borderWidth: 2,
    borderStyle: 'solid'
  }
}

export default styles