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: 12,
 9      right: 12,
10      top: 4,
11    },
12    cornerRadius: 8,
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: 8,
26    padding: 8,
27    item,
28    activeItem,
29    border: border(theme, "primary"),
30    empty: {
31      text: text(theme, "sans", "placeholder"),
32      padding: {
33        bottom: 4,
34        left: 12,
35        right: 12,
36        top: 8,
37      },
38    },
39    inputEditor: {
40      background: backgroundColor(theme, 500),
41      cornerRadius: 8,
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}