1import Theme from "../themes/theme";
 2import { backgroundColor, border, player, text } from "./components";
 3
 4export default function search(theme: Theme) {
 5  const optionButton = {
 6    ...text(theme, "mono", "secondary"),
 7    background: backgroundColor(theme, 300),
 8    cornerRadius: 6,
 9    border: border(theme, "primary"),
10    margin: {
11      left: 1,
12      right: 1,
13    },
14    padding: {
15      bottom: 1,
16      left: 6,
17      right: 6,
18      top: 1,
19    },
20  };
21
22  const editor = {
23    background: backgroundColor(theme, 500),
24    cornerRadius: 6,
25    minWidth: 200,
26    maxWidth: 500,
27    placeholderText: text(theme, "mono", "placeholder"),
28    selection: player(theme, 1).selection,
29    text: text(theme, "mono", "primary"),
30    border: border(theme, "secondary"),
31    margin: {
32      right: 5,
33    },
34    padding: {
35      top: 3,
36      bottom: 3,
37      left: 14,
38      right: 14,
39    },
40  };
41
42  return {
43    matchBackground: theme.editor.highlight.match.value,
44    tabIconSpacing: 4,
45    tabIconWidth: 14,
46    activeHoveredOptionButton: {
47      ...optionButton,
48      background: backgroundColor(theme, 100),
49    },
50    activeOptionButton: {
51      ...optionButton,
52      background: backgroundColor(theme, 100),
53    },
54    editor,
55    hoveredOptionButton: {
56      ...optionButton,
57      background: backgroundColor(theme, 100),
58    },
59    invalidEditor: {
60      ...editor,
61      border: border(theme, "error"),
62    },
63    matchIndex: {
64      ...text(theme, "mono", "muted"),
65      padding: 6,
66    },
67    optionButton,
68    optionButtonGroup: {
69      padding: {
70        left: 2,
71        right: 2,
72      },
73    },
74    resultsStatus: {
75      ...text(theme, "mono", "primary"),
76      size: 18,
77    },
78  };
79}