import { blue, grey } from '@mui/material/colors';
import type { Palette } from './color.type';

export const PALETTE: Palette = {
  primary: {
    light: {
      main: blue.A400,
      dark: blue.A700,
      light: blue.A100,
      contrastText: '#FFFFFF',
    },
    dark: {
      main: blue[300],
      light: blue[100],
      dark: blue[500],
      contrastText: '#FFFFFF',
    },
  },
  club: {
    light: {
      main: '#FF5722',
    },
    dark: {
      main: '#FF5722',
    },
  },
  secondary: {
    light: {
      main: grey[900],
      dark: '#000000',
      light: grey[700],
      contrastText: '#FFFFFF',
    },
    dark: {
      main: grey[300],
      light: grey[100],
      dark: grey[500],
      contrastText: '#000000',
    },
  },
  action: {
    light: {
      hover: '#00000004',
      selected: '#00000008',
      focus: '#00000012',
      disabled: '#00000038',
      disabledBackground: '#00000012',
    },
    // TODO
    dark: {
      hover: '#FFFFFF04',
      selected: '#FFFFFF08',
      focus: '#FFFFFF12',
      disabled: '#FFFFFF38',
      disabledBackground: '#FFFFFF12',
    },
  },
  error: {
    light: {
      main: '#d32f2f',
      dark: '#c62828',
      light: '#ef5350',
      contrastText: '#FFFFFF',
    },
    dark: {
      main: '#EF9A9A',
      dark: '#E57373',
      light: '#FFCDD2',
      contrastText: '#000000',
    },
  },
  warning: {
    light: {
      main: '#EF6C00',
      dark: '#E65100',
      light: '#FF9800',
      contrastText: '#FFFFFF',
    },
    dark: {
      main: '#FFB74D',
      dark: '#FFA726',
      light: '#FFE0B2',
      contrastText: '#000000',
    },
  },
  info: {
    light: {
      main: '#29B6F6',
      dark: '#0288D1',
      light: '#4FC3F7',
      contrastText: '#FFFFFF',
    },
    dark: {
      main: '#81D4FA',
      dark: '#4FC3F7',
      light: '#E1F5FE',
      contrastText: '#000000',
    },
  },
  success: {
    light: {
      main: '#2e7d32',
      dark: '#1b5e20',
      light: '#4caf50',
      contrastText: '#FFFFFF',
    },
    // TODO
    dark: {
      main: '#A5D6A7',
      dark: '#66BB6A',
      light: '#C8E6C9',
      contrastText: '#000000',
    },
  },
  // Background colors
  background: {
    light: {
      default: grey[100],
      paper: '#FFFFFF',
      primary: blue[50],
    },
    dark: {
      default: '#121212',
      paper: grey[900],
      primary: grey[800],
    },
  },
  // Text colors
  text: {
    light: {
      primary: '#000000',
      secondary: '#424242',
      disabled: '#00000038',
    },
    // TODO
    dark: {
      primary: '#FFFFFF',
      secondary: '#B0BEC5',
      disabled: '#FFFFFF38',
    },
  },
  divider: {
    dark: grey[700],
    light: 'rgba(0, 0, 0,0.12)',
  },
};
