1import Theme from "../themes/common/theme";
2import { iconColor, text } from "./components";
3
4const headerPadding = 8;
5
6export default function updateNotification(theme: Theme): Object {
7 return {
8 message: {
9 ...text(theme, "sans", "primary", { size: "xs" }),
10 margin: { left: headerPadding, right: headerPadding },
11 },
12 actionMessage: {
13 ...text(theme, "sans", "secondary", { size: "xs" }),
14 margin: { left: headerPadding, top: 6, bottom: 6 },
15 hover: {
16 color: theme.textColor["active"],
17 },
18 },
19 dismissButton: {
20 color: iconColor(theme, "secondary"),
21 iconWidth: 8,
22 iconHeight: 8,
23 buttonWidth: 8,
24 buttonHeight: 8,
25 hover: {
26 color: iconColor(theme, "primary"),
27 },
28 },
29 };
30}