1import { ColorScheme } from "../theme/colorScheme"
 2import { foreground, text } from "./components"
 3import { interactive } from "./interactive"
 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}