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