1import { ColorScheme } from "../themes/common/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
27            margin: { left: headerPadding, top: 6, bottom: 6 },
28            hover: {
29                ...text(layer, "sans", "default", { size: "xs" }),
30                background: background(layer, "hovered"),
31                border: border(layer, "active"),
32            },
33        },
34        dismissButton: {
35            color: foreground(layer),
36            iconWidth: 8,
37            iconHeight: 8,
38            buttonWidth: 8,
39            buttonHeight: 8,
40            hover: {
41                color: foreground(layer, "hovered"),
42            },
43        },
44    }
45}