export type ColorPalette = {
  main: string
  light: string
  dark: string
}

export type PrimaryColorConfig = {
  id: string
  paletteKey: string
  name: string
  main?: string
  light: ColorPalette
  dark: ColorPalette
}

// Primary color config object
const primaryColorConfig: PrimaryColorConfig[] = [

  {
    id: 'palette-1',
    paletteKey: 'purple',
    name: 'Purple Palette',
    main: '#7367F0',
    light: {
      main: '#7367F0',
      light: '#8F85F3',
      dark: '#675DD8'
    },
    dark: {
      main: '#9B8FF5',
      light: '#B5AEF8',
      dark: '#7A6FED'
    }
  },
  {
    id: 'palette-2',
    paletteKey: 'teal',
    name: 'Teal Palette',
    main: '#0D9394',
    light: {
      main: '#0D9394',
      light: '#4EB0B1',
      dark: '#096B6C'
    },
    dark: {
      main: '#14B8B9',
      light: '#4ECFD0',
      dark: '#0E8A8B'
    }
  },
  {
    id: 'palette-3',
    paletteKey: 'orange',
    name: 'Orange Palette',
    main: '#FFAB1D',
    light: {
      main: '#FFAB1D',
      light: '#FFC25A',
      dark: '#BA7D15'
    },
    dark: {
      main: '#FFB84D',
      light: '#FFD17A',
      dark: '#E69F1A'
    }
  },
  {
    id: 'palette-4',
    paletteKey: 'pink',
    name: 'Pink Palette',
    main: '#EB3D63',
    light: {
      main: '#EB3D63',
      light: '#F0718D',
      dark: '#AC2D48'
    },
    dark: {
      main: '#F55B7E',
      light: '#FF7F9A',
      dark: '#D42A4F'
    }
  },
  {
    id: 'palette-5',
    paletteKey: 'blue',
    name: 'Blue Palette',
    main: '#2092EC',
    light: {
      main: '#2092EC',
      light: '#5CAFF1',
      dark: '#176BAC'
    },
    dark: {
      main: '#4DB3F5',
      light: '#7AC5F7',
      dark: '#1A7BC4'
    }
  },
  {
    id: 'palette-6',
    paletteKey: 'green',
    name: 'Green Palette',
    main: '#97AE48',
    light: {
      main: '#97AE48',
      light: '#C1CF8B',
      dark: '#758543'
    },
    dark: {
      main: '#97AE48',
      light: '#C1CF8B',
      dark: '#758543'
    }
  },
]

export default primaryColorConfig
