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