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