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        margin: {
17            right: 12,
18        },
19        padding: {
20            top: 3,
21            bottom: 3,
22            left: 12,
23            right: 8,
24        }
25    }
26}