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: {
25                ...text(theme, "sans", "primary", { size: "lg" }),
26            },
27            statusBarItem: {
28                ...text(theme, "sans", "muted"),
29                margin: {
30                    right: 10,
31                },
32            },
33        },
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}