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