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