1import { ColorScheme } from "../themes/common/colorScheme";
 2import { background, border, text } from "./components";
 3
 4export default function contactsPopover(colorScheme: ColorScheme) {
 5  let layer = colorScheme.middle;
 6  const sidePadding = 12;
 7  return {
 8    background: background(layer),
 9    cornerRadius: 6,
10    padding: { top: 6 },
11    margin: { top: -6 },
12    shadow: colorScheme.popoverShadow,
13    border: border(layer),
14    width: 300,
15    height: 400,
16    inviteRowHeight: 28,
17    inviteRow: {
18      padding: {
19        left: sidePadding,
20        right: sidePadding,
21      },
22      border: border(layer, { top: true }),
23      text: text(layer, "sans", "variant", { size: "sm" }),
24      hover: {
25        text: text(layer, "sans", "hovered", { size: "sm" }),
26      },
27    },
28  }
29}