import { ColorPaletteType } from './types';

const ColorPalette: ColorPaletteType = [
  { name: 'Brand Color', colorCode: '#71347b' },
  { name: 'Text Color', colorCode: '#1e161f' },
  { name: 'Description Text', colorCode: '#7a7a7a' },
  { name: 'Clickable Text Color', colorCode: '#71347b' },
  { name: 'Icons Default Color', colorCode: '#71347b' },
  { name: 'Border Color', colorCode: '#f0e7f4' },
  { name: 'Disable Color', colorCode: '#71347b', opacity: 0.5 },
  { name: 'Hover Color', colorCode: '#f7ebff' },
  { name: 'Pop-up Background Blur', colorCode: '#14041c', opacity: 0.1 },
  { name: 'Drawer Footer Background', colorCode: '#ffffff', border: '#f0e7f4' },
  { name: 'Slider Table Color', colorCode: '#efe1f9', opacity: 1 },
  { name: 'Text bg Highlight', colorCode: '#f5fb00' },

  { name: 'Tooltip Bg Color', colorCode: '#1e161f' },
  { name: 'Tooltip Text Color(default)', colorCode: '#ffffff' },
  {
    name: 'Toggle Strip Color(default)',
    colorCode: '#cfd1e2',
    dropShadow: 'drop-shadow(0 0 2px #00000025)',
  },
  { name: 'Tooltip Text Color(Active)', colorCode: '#ffffff' },
  {
    name: 'Toggle Strip Color(Active)',
    colorCode: '#71347b',
    dropShadow: 'drop-shadow(0 0 2px #00000025)',
  }, // todo  drop shadow
  {
    name: 'Primary Button Color',
    colorCode:
      'linear-gradient(90deg, rgba(113, 52, 123, 1) 100%, rgba(70, 22, 77, 1) 100%)',
  },
  {
    name: 'Primary Button Hover',
    colorCode:
      'linear-gradient(90deg, rgba(141, 59, 154, 1) 100%, rgba(120, 31, 134, 1) 100%)',
  },
  {
    name: 'Primary Button Disable',
    colorCode:
      'linear-gradient(90deg, rgba(113, 52, 123, 1) 100%, rgba(113, 52, 123, 1) 100%)',
    opacity: 0.5,
  },
  { name: 'Primary Button Text Color', colorCode: '#ffffff' },
  {
    name: 'Secondary Button (default)',
    colorCode: 'rgba(113, 52, 123, 1)',
  },
  {
    name: 'Secondary Button (Hover)',
    colorCode:
      'linear-gradient(90deg, rgba(113, 52, 123, 0.05) 100%, rgba(70, 22, 77, 0.05) 100%)',
  },
  {
    name: 'Secondary Button (Disabled)',
    colorCode: 'rgba(113, 52, 123, 1)',
    opacity: 0.5,
  },
  {
    name: 'Tertiary Button (default)',
    colorCode:
      'linear-gradient(90deg, rgba(70, 22, 77, 0.05) 100%, rgba(113, 52, 123, 0.05) 100%)',
  },
  {
    name: 'Tertiary Button (Hover)',
    colorCode:
      'linear-gradient(90deg, rgba(70, 22, 77, 0.1) 100%, rgba(113, 52, 123, 0.1) 100%)',
  },
  {
    name: 'Tertiary Button (Disabled)',
    colorCode:
      'linear-gradient(90deg, rgba(70, 22, 77, 0.05) 100%, rgba(113, 52, 123, 0.05) 100%)',
    opacity: 0.5,
  },
  {
    name: 'Primary Button Color',
    colorCode:
      'linear-gradient(90deg, rgba(228, 37, 37, 1) 100%, rgba(201, 0, 0, 1) 100%)',
  },
  {
    name: 'Primary Button Hover',
    colorCode:
      'linear-gradient(90deg, rgba(233, 81, 81, 1) 100%, rgba(212, 52, 52, 1) 100%)',
  },
  {
    name: 'Primary Button Disabled',
    colorCode:
      'linear-gradient(90deg, rgba(233, 81, 81, 1) 100%, rgba(212, 52, 52, 1) 100%)',
    opacity: 0.5,
  },
  { name: 'Primary Button Text Color', colorCode: '#ffffff' },
  { name: 'Overlay Background', colorCode: '#1e161f', opacity: 0.1 },
];

export default ColorPalette;