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            },
37        }),
38        button_margin: 8,
39        info_text_default: text(theme.highest, "sans", "default", {
40            size: "xs",
41        }),
42        link_text_default: text(theme.highest, "sans", "default", {
43            size: "xs",
44            underline: true,
45        }),
46        link_text_hover: text(theme.highest, "sans", "hovered", {
47            size: "xs",
48            underline: true,
49        }),
50    }
51}