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}