1import { useTheme } from "../common"
 2import { background, border, text } from "../style_tree/components"
 3
 4export const input = () => {
 5    const theme = useTheme()
 6
 7    return {
 8        background: background(theme.highest),
 9        corner_radius: 8,
10        min_width: 200,
11        max_width: 500,
12        placeholder_text: text(theme.highest, "mono", "disabled"),
13        selection: theme.players[0],
14        text: text(theme.highest, "mono", "default"),
15        border: border(theme.highest),
16        padding: {
17            top: 3,
18            bottom: 3,
19            left: 12,
20            right: 8,
21        },
22    }
23}