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