// eslint-disable-next-line import/no-extraneous-dependencies -- Tailwind should be installed as devDep
import tailwindColors from 'tailwindcss/colors';

export const colors = {
  transparent: 'transparent',
  current: 'currentColor',
  primary: tailwindColors.yellow,
  black: tailwindColors.black,
  white: tailwindColors.white,
  whiteAlpha: {
    '50': 'rgba(255, 255, 255, 0.04)',
    '100': 'rgba(255, 255, 255, 0.06)',
    '200': 'rgba(255, 255, 255, 0.08)',
    '300': 'rgba(255, 255, 255, 0.16)',
    '400': 'rgba(255, 255, 255, 0.24)',
    '500': 'rgba(255, 255, 255, 0.36)',
    '600': 'rgba(255, 255, 255, 0.48)',
    '700': 'rgba(255, 255, 255, 0.64)',
    '800': 'rgba(255, 255, 255, 0.80)',
    '900': 'rgba(255, 255, 255, 0.92)',
  },
  blackAlpha: {
    '50': 'rgba(0, 0, 0, 0.04)',
    '100': 'rgba(0, 0, 0, 0.06)',
    '200': 'rgba(0, 0, 0, 0.08)',
    '300': 'rgba(0, 0, 0, 0.16)',
    '400': 'rgba(0, 0, 0, 0.24)',
    '500': 'rgba(0, 0, 0, 0.36)',
    '600': 'rgba(0, 0, 0, 0.48)',
    '700': 'rgba(0, 0, 0, 0.64)',
    '800': 'rgba(0, 0, 0, 0.80)',
    '900': 'rgba(0, 0, 0, 0.92)',
  },
  gray: tailwindColors.gray,
  red: tailwindColors.red,
  orange: tailwindColors.orange,
  yellow: tailwindColors.yellow,
  green: tailwindColors.emerald,
  teal: tailwindColors.teal,
  blue: tailwindColors.indigo,
  cyan: tailwindColors.cyan,
  purple: tailwindColors.purple,
};
