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