/* Transparent keys used on more than one layer
 */

import { KeymapKey } from "@keymapkit/ui";
import {
  layer0LeftFingerMods,
  layer0LeftFingerMisc,
  layer0LeftThumb,
  layer0RightFingerMods,
  layer0RightThumb,
} from "./layer0base";

export const transparentInfo = [
  "Transparent (&trans): falls through to the next active lower layer. The legend shows the Base binding.",
];

export const allBaseKeys: KeymapKey[] = [
  ...layer0LeftFingerMods,
  ...layer0LeftThumb,
  ...layer0RightFingerMods,
  ...layer0RightThumb,
];

export const transparentSelection = allBaseKeys.map((key) => key.id);

export const transparentLeftFingerMods: KeymapKey[] = [
  ...layer0LeftFingerMods,
  ...layer0LeftFingerMisc,
].map((key) => {
  return { ...key, info: transparentInfo };
});

export const transparentLeftThumbkeys: KeymapKey[] = layer0LeftThumb.map(
  (key) => {
    return { ...key, info: transparentInfo };
  },
);

export const transparentRightFingerMods: KeymapKey[] =
  layer0RightFingerMods.map((key) => {
    return { ...key, info: transparentInfo };
  });

export const transparentRightThumbkeys: KeymapKey[] = layer0RightThumb.map(
  (key) => {
    return { ...key, info: transparentInfo };
  },
);