1import Theme from "../themes/theme";
 2import { Color } from "../utils/color";
 3import { panel } from "./app";
 4import { backgroundColor, iconColor, text, TextColor } from "./components";
 5
 6export default function projectPanel(theme: Theme) {
 7    function entry(theme: Theme, textColor: TextColor, background?: Color) {
 8        return {
 9            height: 22,
10            background,
11            iconColor: iconColor(theme, "muted"),
12            iconSize: 8,
13            iconSpacing: 8,
14            text: text(theme, "mono", textColor, { size: "sm" }),
15        };
16    }
17
18    return {
19        ...panel,
20        entry: entry(theme, "secondary"),
21        hoveredEntry: entry(
22            theme,
23            "secondary",
24            backgroundColor(theme, 300, "hovered")
25        ),
26        selectedEntry: entry(theme, "primary"),
27        hoveredSelectedEntry: entry(
28            theme,
29            "primary",
30            backgroundColor(theme, 300, "hovered")
31        ),
32        padding: {
33            top: 6,
34            left: 12,
35        },
36    };
37}