1import { ColorScheme } from "../theme/colorScheme"
 2import { foreground, text } from "./components"
 3import { interactive } from "../element"
 4
 5const headerPadding = 8
 6
 7export default function updateNotification(colorScheme: ColorScheme): any {
 8    const layer = colorScheme.middle
 9    return {
10        message: {
11            ...text(layer, "sans", { size: "xs" }),
12            margin: { left: headerPadding, right: headerPadding },
13        },
14        actionMessage: interactive({
15            base: {
16                ...text(layer, "sans", { size: "xs" }),
17                margin: { left: headerPadding, top: 6, bottom: 6 },
18            },
19            state: {
20                hovered: {
21                    color: foreground(layer, "hovered"),
22                },
23            },
24        }),
25        dismissButton: interactive({
26            base: {
27                color: foreground(layer),
28                iconWidth: 8,
29                iconHeight: 8,
30                buttonWidth: 8,
31                buttonHeight: 8,
32            },
33            state: {
34                hovered: {
35                    color: foreground(layer, "hovered"),
36                },
37            },
38        }),
39    }
40}