import axeptio, { palette, boxShadows } from '../axeptio';

const taste = {
  ...axeptio,
  colors: {
    ...palette,
    primary: palette.taste
  },
  buttons: {
    primary: {
      color: '#FFFFFF',
      colorHover: '#FFFFFF',
      borderRadius: '4px'
    }
  },
  checkboxes: {
    default: {
      bgColorChecked: '#F25071'
    }
  },
  badges: {
    small: {
      fontSize: '12px'
    },
    large: {
      fontSize: '18px'
    },
    default: {
      fontSize: '14px',
      color: palette.white,
      bgColor: palette.grey.v100,
      borderRadius: '1000px',
      border: `2px solid ${palette.white}`,
      minWidth: 100,
      boxShadow: boxShadows.small
    },
    certified: {
      color: palette.white,
      bgColor: palette.taste
    },
    tasty: {
      color: palette.white,
      bgColor: '#09C1DA'
    },
    healthy: {
      color: palette.white,
      bgColor: '#92BE25'
    },
    oily: {
      color: palette.white,
      bgColor: '#FFBA19'
    },
    junkfood: {
      color: palette.white,
      bgColor: '#E86405'
    }
  }
};

export default taste;