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                padding: {
16                    bottom: 2,
17                    left: 10,
18                    right: 10,
19                    top: 2,
20                },
21            },
22            state: {
23                clicked: {
24                    ...text(theme.highest, "mono", "on", "pressed"),
25                    background: background(theme.highest, "on", "pressed"),
26                    border: border(theme.highest, "on", "pressed"),
27                },
28                hovered: {
29                    ...text(theme.highest, "mono", "on", "hovered"),
30                    background: background(theme.highest, "on", "hovered"),
31                    border: border(theme.highest, "on", "hovered"),
32                },
33                disabled: {
34                    ...text(theme.highest, "mono", "on", "disabled"),
35                    background: background(theme.highest, "on", "disabled"),
36                    border: border(theme.highest, "on", "disabled"),
37                },
38            },
39        }),
40        button_margin: 8,
41        info_text_default: {
42            padding: {
43                left: 4,
44                right: 4,
45            },
46            ...text(theme.highest, "sans", "default", {
47                size: "xs",
48            })
49        },
50        link_text_default: text(theme.highest, "sans", "default", {
51            size: "xs",
52            underline: true,
53        }),
54        link_text_hover: text(theme.highest, "sans", "hovered", {
55            size: "xs",
56            underline: true,
57        }),
58    }
59}