1import { background, border, text } from "./components"
 2import { interactive } from "../element"
 3import { useTheme } from "../theme"
 4
 5export default function feedback(): any {
 6    const theme = useTheme()
 7
 8    return {
 9        submit_button: interactive({
10            base: {
11                ...text(theme.highest, "mono", "on"),
12                background: background(theme.highest, "on"),
13                corner_radius: 6,
14                border: border(theme.highest, "on"),
15                margin: {
16                    right: 4,
17                },
18                padding: {
19                    bottom: 2,
20                    left: 10,
21                    right: 10,
22                    top: 2,
23                },
24            },
25            state: {
26                clicked: {
27                    ...text(theme.highest, "mono", "on", "pressed"),
28                    background: background(theme.highest, "on", "pressed"),
29                    border: border(theme.highest, "on", "pressed"),
30                },
31                hovered: {
32                    ...text(theme.highest, "mono", "on", "hovered"),
33                    background: background(theme.highest, "on", "hovered"),
34                    border: border(theme.highest, "on", "hovered"),
35                },
36                disabled: {
37                    ...text(theme.highest, "mono", "on", "disabled"),
38                    background: background(theme.highest, "on", "disabled"),
39                    border: border(theme.highest, "on", "disabled"),
40                }
41            },
42        }),
43        button_margin: 8,
44        info_text_default: text(theme.highest, "sans", "default", {
45            size: "xs",
46        }),
47        link_text_default: text(theme.highest, "sans", "default", {
48            size: "xs",
49            underline: true,
50        }),
51        link_text_hover: text(theme.highest, "sans", "hovered", {
52            size: "xs",
53            underline: true,
54        }),
55    }
56}