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