1import Theme from "../themes/common/theme";
 2import { backgroundColor, border, popoverShadow, text } from "./components";
 3
 4export default function HoverPopover(theme: Theme) {
 5  return {
 6    container: {
 7      background: backgroundColor(theme, "on500"),
 8      cornerRadius: 8,
 9      padding: {
10        left: 8,
11        right: 8,
12        top: 4,
13        bottom: 4
14      },
15      shadow: popoverShadow(theme),
16      border: border(theme, "primary"),
17      margin: {
18        left: -8,
19      },
20    },
21    block_style: {
22      padding: { top: 4 },
23    },
24    prose: text(theme, "sans", "primary", { "size": "sm" }),
25    highlight: theme.editor.highlight.occurrence,
26  }
27}