1import Theme from "../themes/common/theme";
 2import { backgroundColor, iconColor, text } from "./components";
 3
 4const avatarSize = 12;
 5const headerPadding = 8;
 6
 7export default function contactNotification(theme: Theme): Object {
 8  return {
 9    headerAvatar: {
10      height: avatarSize,
11      width: avatarSize,
12      cornerRadius: 6,
13    },
14    headerMessage: {
15      ...text(theme, "sans", "primary", { size: "xs" }),
16      margin: { left: headerPadding, right: headerPadding },
17    },
18    headerHeight: 18,
19    bodyMessage: {
20      ...text(theme, "sans", "secondary", { size: "xs" }),
21      margin: { left: avatarSize + headerPadding, top: 6, bottom: 6 },
22    },
23    button: {
24      ...text(theme, "sans", "primary", { size: "xs" }),
25      background: backgroundColor(theme, "on300"),
26      padding: 4,
27      cornerRadius: 6,
28      margin: { left: 6 },
29      hover: {
30        background: backgroundColor(theme, "on300", "hovered"),
31      },
32    },
33    dismissButton: {
34      color: iconColor(theme, "secondary"),
35      iconWidth: 8,
36      iconHeight: 8,
37      buttonWidth: 8,
38      buttonHeight: 8,
39      hover: {
40        color: iconColor(theme, "primary"),
41      },
42    },
43  };
44}