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}