1import picker from "./picker";
 2import { ColorScheme } from "../themes/common/colorScheme";
 3import { background, foreground } from "./components";
 4
 5export default function contactFinder(colorScheme: ColorScheme) {
 6  let layer = colorScheme.highest.top;
 7  const contactButton = {
 8    background: background(layer, "variant"),
 9    color: foreground(layer, "variant"),
10    iconWidth: 8,
11    buttonWidth: 16,
12    cornerRadius: 8,
13  };
14
15  return {
16    ...picker(colorScheme),
17    rowHeight: 28,
18    contactAvatar: {
19      cornerRadius: 10,
20      width: 18,
21    },
22    contactUsername: {
23      padding: {
24        left: 8,
25      },
26    },
27    contactButton: {
28      ...contactButton,
29      hover: {
30        background: background(layer, "variant", "hovered"),
31      },
32    },
33    disabledContactButton: {
34      ...contactButton,
35      background: background(layer, "disabled"),
36      color: foreground(layer, "disabled"),
37    },
38  };
39}