1import Theme from "../themes/theme";
 2import { backgroundColor, border, player, shadow, text } from "./components";
 3
 4export default function selectorModal(theme: Theme): Object {
 5    const item = {
 6        padding: {
 7            bottom: 4,
 8            left: 16,
 9            right: 16,
10            top: 4,
11        },
12        cornerRadius: 6,
13        text: text(theme, "sans", "secondary"),
14        highlightText: text(theme, "sans", "feature", { weight: "bold" }),
15    };
16
17    const activeItem = {
18        ...item,
19        background: backgroundColor(theme, 300, "active"),
20        text: text(theme, "sans", "primary"),
21    };
22
23    return {
24        background: backgroundColor(theme, 300),
25        cornerRadius: 6,
26        padding: 8,
27        item,
28        activeItem,
29        border: border(theme, "primary"),
30        empty: {
31            text: text(theme, "sans", "muted"),
32            padding: {
33                bottom: 4,
34                left: 16,
35                right: 16,
36                top: 8,
37            },
38        },
39        inputEditor: {
40            background: backgroundColor(theme, 500),
41            corner_radius: 6,
42            placeholderText: text(theme, "sans", "placeholder"),
43            selection: player(theme, 1).selection,
44            text: text(theme, "mono", "primary"),
45            border: border(theme, "secondary"),
46            padding: {
47                bottom: 7,
48                left: 16,
49                right: 16,
50                top: 7,
51            },
52        },
53        margin: {
54            bottom: 52,
55            top: 52,
56        },
57        shadow: shadow(theme),
58    };
59}