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