1import { ColorScheme } from "../themes/common/colorScheme";
 2import { background, border, text } from "./components";
 3
 4export default function tooltip(colorScheme: ColorScheme) {
 5  let elevation = colorScheme.middle;
 6  let layer = colorScheme.middle.middle;
 7  return {
 8    background: background(layer),
 9    border: border(layer),
10    padding: { top: 4, bottom: 4, left: 8, right: 8 },
11    margin: { top: 6, left: 6 },
12    shadow: elevation.shadow,
13    cornerRadius: 6,
14    text: text(layer, "sans", { size: "xs" }),
15    keystroke: {
16      background: background(layer, "on"),
17      cornerRadius: 4,
18      margin: { left: 6 },
19      padding: { left: 4, right: 4 },
20      ...text(layer, "mono", "on", { size: "xs", weight: "bold" }),
21    },
22    maxTextWidth: 200,
23  };
24}