1import { useTheme } from "../theme"
 2import { background, border, text } from "./components"
 3
 4export default function project_shared_notification(): unknown {
 5    const theme = useTheme()
 6
 7    const avatar_size = 48
 8    return {
 9        window_height: 74,
10        window_width: 380,
11        background: background(theme.middle),
12        owner_container: {
13            padding: 12,
14        },
15        owner_avatar: {
16            height: avatar_size,
17            width: avatar_size,
18            corner_radius: avatar_size / 2,
19        },
20        owner_metadata: {
21            margin: { left: 10 },
22        },
23        owner_username: {
24            ...text(theme.middle, "sans", { size: "sm", weight: "bold" }),
25            margin: { top: -3 },
26        },
27        message: {
28            ...text(theme.middle, "sans", "variant", { size: "xs" }),
29            margin: { top: -3 },
30        },
31        worktree_roots: {
32            ...text(theme.middle, "sans", "variant", {
33                size: "xs",
34                weight: "bold",
35            }),
36            margin: { top: -3 },
37        },
38        button_width: 96,
39        open_button: {
40            background: background(theme.middle, "accent"),
41            border: border(theme.middle, { left: true, bottom: true }),
42            ...text(theme.middle, "sans", "accent", {
43                size: "xs",
44                weight: "bold",
45            }),
46        },
47        dismiss_button: {
48            border: border(theme.middle, { left: true }),
49            ...text(theme.middle, "sans", "variant", {
50                size: "xs",
51                weight: "bold",
52            }),
53        },
54    }
55}