1import Theme from "../themes/common/theme";
 2import { backgroundColor, border, shadow, text } from "./components";
 3
 4export default function tooltip(theme: Theme) {
 5  return {
 6    background: backgroundColor(theme, 500),
 7    border: border(theme, "secondary"),
 8    padding: { top: 4, bottom: 4, left: 8, right: 8 },
 9    margin: { top: 6, left: 6 },
10    shadow: shadow(theme),
11    cornerRadius: 6,
12    text: text(theme, "sans", "secondary", { size: "xs", weight: "bold" }),
13    keystroke: {
14      background: backgroundColor(theme, "on500"),
15      cornerRadius: 4,
16      margin: { left: 6 },
17      padding: { left: 3, right: 3 },
18      ...text(theme, "mono", "muted", { size: "xs", weight: "bold" })
19    },
20    maxTextWidth: 200,
21  }
22}