export default {
  small: { // Covers both xs and sm screen sizes
    margin: {
      top: 40,
      right: 40,
      bottom: 50,
      left: 40,
    },
    legends: {
      width: 15,
      height: 30,
    },
    backgroundLegend: {
      width: 30,
      height: 50,
    },
    axisLabelLineOffset: -20,
    legendOffset: 52,
  },
  large: { // This covers both md and lg screen sizes
    margin: {
      top: 80,
      right: 80,
      bottom: 100,
      left: 80,
    },
    legends: {
      width: 20,
      height: 35,
    },
    backgroundLegend: {
      width: 30,
      height: 150,
    },
    axisLabelLineOffset: 20,
    legendOffset: 55,
  },
  ticks: 3,
};
