1import Theme from "../themes/theme";
 2import chatPanel from "./chatPanel";
 3import { backgroundColor, borderColor, 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            background: backgroundColor(theme, 300),
22            tabIconSpacing: 4,
23            tabIconWidth: 13,
24            tabSummarySpacing: 10,
25            emptyMessage: {
26                ...text(theme, "sans", "primary", { size: "lg" }),
27            },
28            statusBarItem: {
29                ...text(theme, "sans", "muted"),
30                margin: {
31                    right: 10,
32                },
33            },
34        },
35        projectPanel: projectPanel(theme),
36        chatPanel: chatPanel(theme),
37        contactsPanel: contactsPanel(theme),
38        search: search(theme),
39        breadcrumbs: {
40            ...text(theme, "sans", "primary"),
41            padding: {
42                left: 6,
43            },
44        }
45    };
46}