1import { ColorScheme } from "../theme/colorScheme"
 2import { background, border, text } from "./components"
 3
 4export default function incomingCallNotification(
 5    colorScheme: ColorScheme
 6): Object {
 7    let layer = colorScheme.middle
 8    const avatarSize = 48
 9    return {
10        windowHeight: 74,
11        windowWidth: 380,
12        background: background(layer),
13        callerContainer: {
14            padding: 12,
15        },
16        callerAvatar: {
17            height: avatarSize,
18            width: avatarSize,
19            cornerRadius: avatarSize / 2,
20        },
21        callerMetadata: {
22            margin: { left: 10 },
23        },
24        callerUsername: {
25            ...text(layer, "sans", { size: "sm", weight: "bold" }),
26            margin: { top: -3 },
27        },
28        callerMessage: {
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        acceptButton: {
38            background: background(layer, "accent"),
39            border: border(layer, { left: true, bottom: true }),
40            ...text(layer, "sans", "positive", {
41                size: "xs",
42                weight: "extra_bold",
43            }),
44        },
45        declineButton: {
46            border: border(layer, { left: true }),
47            ...text(layer, "sans", "negative", {
48                size: "xs",
49                weight: "extra_bold",
50            }),
51        },
52    }
53}