1import Theme from "../themes/theme";
 2import chatPanel from "./chatPanel";
 3import { text } from "./components";
 4import contactsPanel from "./contactsPanel";
 5import commandPalette from "./commandPalette";
 6import editor from "./editor";
 7import projectPanel from "./projectPanel";
 8import search from "./search";
 9import selectorModal from "./selectorModal";
10import workspace from "./workspace";
11
12export const panel = {
13  padding: { top: 12, left: 12, bottom: 12, right: 12 },
14};
15
16export default function app(theme: Theme): Object {
17  return {
18    selector: selectorModal(theme),
19    workspace: workspace(theme),
20    editor: editor(theme),
21    projectDiagnostics: {
22      tabIconSpacing: 4,
23      tabIconWidth: 13,
24      tabSummarySpacing: 10,
25      emptyMessage: text(theme, "sans", "primary", { size: "lg" }),
26      statusBarItem: {
27        ...text(theme, "sans", "muted"),
28        margin: {
29          right: 10,
30        },
31      },
32    },
33    commandPalette: commandPalette(theme),
34    projectPanel: projectPanel(theme),
35    chatPanel: chatPanel(theme),
36    contactsPanel: contactsPanel(theme),
37    search: search(theme),
38    breadcrumbs: {
39      ...text(theme, "sans", "primary"),
40      padding: {
41        left: 6,
42      },
43    }
44  };
45}