1import { ColorScheme } from "../theme/color_scheme"
 2import { background, border, text } from "./components"
 3
 4export default function tooltip(theme: ColorScheme): any {
 5    return {
 6        background: background(theme.middle),
 7        border: border(theme.middle),
 8        padding: { top: 4, bottom: 4, left: 8, right: 8 },
 9        margin: { top: 6, left: 6 },
10        shadow: theme.popover_shadow,
11        corner_radius: 6,
12        text: text(theme.middle, "sans", { size: "xs" }),
13        keystroke: {
14            background: background(theme.middle, "on"),
15            corner_radius: 4,
16            margin: { left: 6 },
17            padding: { left: 4, right: 4 },
18            ...text(theme.middle, "mono", "on", { size: "xs", weight: "bold" }),
19        },
20        max_text_width: 200,
21    }
22}