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