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