import PropTypes from 'prop-types';

// ==============================|| PRESET THEME - DEFAULT ||============================== //

const Default = (colors) => {
  const { red, gold, cyan, green, grey } = colors;
  const greyColors = {
    0: grey[0],
    50: grey[1],
    100: grey[2],
    200: grey[3],
    300: grey[4],
    400: grey[5],
    500: grey[6],
    600: grey[7],
    700: grey[8],
    800: grey[9],
    900: grey[10],
    A50: grey[15],
    A100: grey[11],
    A200: grey[12],
    A400: grey[13],
    A700: grey[14],
    A800: grey[16]
  };
  const contrastText = '#fff';

  return {
    // primary: {
    //   lighter: blue[0],
    //   100: blue[1],
    //   200: blue[2],
    //   light: blue[3],
    //   400: blue[4],
    //   main: blue[5],
    //   dark: blue[6],
    //   700: blue[7],
    //   darker: blue[8],
    //   900: blue[9],
    //   contrastText
    // },
    primary: {
      lighter: '#F6DBDF',
      100: '#E9ACB3',
      200: '#DD7F8A',
      light: '#D35968',
      400: '#D35968',
      main: '#C01227',
      dark: '#900E1D',
      700: '#6D0A16',
      darker: '#47070E',
      900: '#2A0409',
      contrastText: '#FFFFFF'
    },
    secondary: {
      lighter: greyColors[100],
      100: greyColors[100],
      200: greyColors[200],
      light: greyColors[300],
      400: greyColors[400],
      main: greyColors[500],
      600: greyColors[600],
      dark: greyColors[700],
      800: greyColors[800],
      darker: greyColors[900],
      A100: greyColors[0],
      A200: greyColors.A400,
      A300: greyColors.A700,
      contrastText: greyColors[0]
    },
    error: {
      lighter: red[0],
      light: red[2],
      main: red[4],
      dark: red[7],
      darker: red[9],
      contrastText
    },
    warning: {
      lighter: gold[0],
      light: gold[3],
      main: gold[5],
      dark: gold[7],
      darker: gold[9],
      contrastText: greyColors[100]
    },
    info: {
      lighter: cyan[0],
      light: cyan[3],
      main: cyan[5],
      dark: cyan[7],
      darker: cyan[9],
      contrastText
    },
    success: {
      lighter: green[0],
      100: green[1],
      light: green[3],
      400: green[4],
      main: green[5],
      600: green[6],
      dark: green[7],
      darker: green[9],
      contrastText
    },
    chip: {
      accept: '#5d4037',
      arrive: '#009688',
      active: '#880e4f'
    },
    grey: greyColors,
    bg: {
      main: '#E0E0E0',
      light: '#fafafb',
      line: '#E6EBF1'
    }
  };
};

Default.propTypes = {
  colors: PropTypes.object
};

export default Default;