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): Object {
 8    let 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            }, state: {
19                hovered: {
20                    color: foreground(layer, "hovered"),
21                }
22            }
23        }),
24        dismissButton: interactive({
25            base: {
26                color: foreground(layer),
27                iconWidth: 8,
28                iconHeight: 8,
29                buttonWidth: 8,
30                buttonHeight: 8
31            }, state: {
32                hovered: {
33                    color: foreground(layer, "hovered"),
34                },
35            },
36        })
37
38    }
39}