import { text } from "./components";
import contactFinder from "./contactFinder";
import contactsPopover from "./contactsPopover";
import commandPalette from "./commandPalette";
import editor from "./editor";
import projectPanel from "./projectPanel";
import search from "./search";
import picker from "./picker";
import workspace from "./workspace";
import contextMenu from "./contextMenu";
import sharedScreen from "./sharedScreen";
import projectDiagnostics from "./projectDiagnostics";
import contactNotification from "./contactNotification";
import updateNotification from "./updateNotification";
import projectSharedNotification from "./projectSharedNotification";
import tooltip from "./tooltip";
import terminal from "./terminal";
import contactList from "./contactList";
import incomingCallNotification from "./incomingCallNotification";
import { ColorScheme } from "../themes/common/colorScheme";

export default function app(colorScheme: ColorScheme): Object {
  return {
    meta: {
      name: colorScheme.name,
      isLight: colorScheme.isLight,
    },
    commandPalette: commandPalette(colorScheme),
    contactNotification: contactNotification(colorScheme),
    projectSharedNotification: projectSharedNotification(colorScheme),
    incomingCallNotification: incomingCallNotification(colorScheme),
    picker: picker(colorScheme),
    workspace: workspace(colorScheme),
    contextMenu: contextMenu(colorScheme),
    editor: editor(colorScheme),
    projectDiagnostics: projectDiagnostics(colorScheme),
    projectPanel: projectPanel(colorScheme),
    contactsPopover: contactsPopover(colorScheme),
    contactFinder: contactFinder(colorScheme),
    contactList: contactList(colorScheme),
    search: search(colorScheme),
    sharedScreen: sharedScreen(colorScheme),
    breadcrumbs: {
      ...text(colorScheme.highest, "sans", "variant"),
      padding: {
        left: 6,
      },
    },
    updateNotification: updateNotification(colorScheme),
    tooltip: tooltip(colorScheme),
    terminal: terminal(colorScheme),
    colorScheme: {
      ...colorScheme,
      players: Object.values(colorScheme.players),
      ramps: {
        neutral: colorScheme.ramps.neutral.colors(100, "hex"),
        red: colorScheme.ramps.red.colors(100, "hex"),
        orange: colorScheme.ramps.orange.colors(100, "hex"),
        yellow: colorScheme.ramps.yellow.colors(100, "hex"),
        green: colorScheme.ramps.green.colors(100, "hex"),
        cyan: colorScheme.ramps.cyan.colors(100, "hex"),
        blue: colorScheme.ramps.blue.colors(100, "hex"),
        violet: colorScheme.ramps.violet.colors(100, "hex"),
        magenta: colorScheme.ramps.magenta.colors(100, "hex"),
      },
    },
  };
}