import { ColorScheme } from "../themes/common/colorScheme";
import { foreground, text } from "./components";

const headerPadding = 8;

export default function simpleMessageNotification(colorScheme: ColorScheme): Object {
  let layer = colorScheme.middle;
  return {
    message: {
      ...text(layer, "sans", { size: "md" }),
      margin: { left: headerPadding, right: headerPadding },
    },
    actionMessage: {
      ...text(layer, "sans", { size: "md" }),
      margin: { left: headerPadding, top: 6, bottom: 6 },
      hover: {
        color: foreground(layer, "hovered"),
      },
    },
    dismissButton: {
      color: foreground(layer),
      iconWidth: 8,
      iconHeight: 8,
      buttonWidth: 8,
      buttonHeight: 8,
      hover: {
        color: foreground(layer, "hovered"),
      },
    },
  };
}