1import Theme from "../themes/common/theme";
 2import { backgroundColor, borderColor, text } from "./components";
 3
 4export default function projectSharedNotification(theme: Theme): Object {
 5  const avatarSize = 32;
 6  return {
 7    background: backgroundColor(theme, 300),
 8    ownerContainer: {
 9      padding: 12,
10    },
11    ownerAvatar: {
12      height: avatarSize,
13      width: avatarSize,
14      cornerRadius: avatarSize / 2,
15    },
16    ownerMetadata: {
17      margin: { left: 10 },
18    },
19    ownerUsername: {
20      ...text(theme, "sans", "active", { size: "sm", weight: "bold" }),
21      margin: { top: -3 },
22    },
23    message: {
24      ...text(theme, "sans", "secondary", { size: "xs" }),
25      margin: { top: -3 },
26    },
27    buttonWidth: 96,
28    joinButton: {
29      background: backgroundColor(theme, "info", "active"),
30      border: { left: true, bottom: true, width: 1, color: borderColor(theme, "primary") },
31      ...text(theme, "sans", "info", { size: "xs", weight: "extra_bold" })
32    },
33    dismissButton: {
34      border: { left: true, width: 1, color: borderColor(theme, "primary") },
35      ...text(theme, "sans", "secondary", { size: "xs", weight: "extra_bold" })
36    },
37  };
38}