import darkColorDesignTokens from '@swipebox/morphe-design-tokens/dist/json/classic/variables-dark.json';
import lightColorDesignTokens from '@swipebox/morphe-design-tokens/dist/json/classic/variables-light.json';

/** Gets the relevant dataviz color from a code. We use the color hex to generate a shade. Data visualization colors are a part of theme tokens */
export default function getDataVisualizationColor(
  theme: 'lightMode' | 'darkMode',
  vizColor: string,
  opts?: {
    lighten?: boolean;
  },
): string {
  let hex;

  if (vizColor === 'neutral') {
    hex =
      theme === 'lightMode'
        ? lightColorDesignTokens['color-background-chartgraph-neutral']
        : darkColorDesignTokens['color-background-chartgraph-neutral'];
  } else {
    hex =
      theme === 'lightMode'
        ? // @ts-expect-error - TS7053
          lightColorDesignTokens[`color-data-visualization-${vizColor}`]
        : // @ts-expect-error - TS7053
          darkColorDesignTokens[`color-data-visualization-${vizColor}`];
  }

  if (!hex) throw new Error('Invalid Color Token provided to TileData');
  // add an alpha channel to the hex, at 10% opacity
  // https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4
  return opts?.lighten ? `${hex}1A` : hex;
}