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