import type { ThemeColorPalette } from "@vitality-ds/tokens/src/Color/types";

import makeThemeForStitches from "./makeThemeForStitches";

const mockTheme: ThemeColorPalette = {
  primary: {
    cyan9: {
      name: "cyan9",
      data: {
        hsla: { h: 1, s: 1, l: 1, a: 1 },
        rgbaString: "123",
        hslaString: "123",
        hwbString: "123",
        codeName: "cyan9",
        hexString: "123",
      },
    },
    cyan8: {
      name: "cyan8",
      data: {
        hsla: { h: 1, s: 1, l: 1, a: 1 },
        rgbaString: "123",
        hslaString: "123",
        hwbString: "123",
        codeName: "cyan8",
        hexString: "123",
      },
    },
  },
};

describe("makeThemeForStitches", () => {
  it("Should return an object with keys that combine the original object key with the number of child nodes in the original object", () => {
    const output = makeThemeForStitches(mockTheme);
    expect(output).toEqual({
      primary9: "$cyan9",
      primary8: "$cyan8",
    });
  });
});