export type Colors =
  "sik100-gold"|
  "sik100-blue"|
  "dark-blue" |
  "light-blue" |
  "white1" |
  "black1" |
  "grey1" |
  "grey2" |
  "orange1" |
  "orange2" |
  "blue1" |
  "light-turquoise" |
  "green1" |
  "sand" |
  "transparent" |
  "inherit";

export const ColorMapper = new Map<Colors, string>([
  ["sik100-gold", "#fee469"],
  ["sik100-blue", "#12123d"],
  ["dark-blue", "#002d3a"],
  ["light-blue", "#bfdbd9"],
  ["white1", "#fff"],
  ["black1", "#000"],
  ["grey1", "#d4d0c7"],
  ["grey2", "#efece4"],
  ["orange1", "#d57a2d"],
  ["orange2", "#dd934e"],
  ["blue1", "#57b2df"],
  ["light-turquoise", "#beddeb"],
  ["green1", "#c0dcd9"],
  ["sand", "#fdf9d7"],
  ["transparent", "transparent"],
  ["inherit", "inherit"],
]);

export const colors = {
  sik100Gold: "#fee469",
  sik100Blue: "#12123d",
  darkBlue: "#002d3a",
  lightBlue: "#bfdbd9",
  white: "#fff",
  black: "#000",
  grey1: "#d4d0c7",
  grey2: "#efece4",
  orange1: "#d57a2d",
  orange2: "#dd934e",
  blue1: "#57b2df",
  lightTurquoise: "#beddeb",
  green1: "#c0dcd9",
  sand: "#fdf9d7",
  transparent: "transparent",
  inherit: "inherit",
};

export type Colors2 = keyof typeof colors;

export const colorToClass = (color: Colors): string => (color ? `color-div__${color}` : undefined);
export const bgColorToClass = (color: Colors): string => (color ? `color-div__background_${color}` : undefined);
export const hoverColorToClass = (color: Colors): string => (color ? `color-div__${color}Hoverable` : undefined);
export const bgHoverColorToClass = (color: Colors): string => (color ? `color-div__background_${color}Hoverable` : undefined);

export default colors;
