/* path: decorators/themeDecorator.tsx */

import * as React from "react";
import UIKitThemeProvider from "../packages/themes/components/UIKitThemeProvider";

export const themeDecorator = storyFn => (
  <UIKitThemeProvider
    appTheme={{
      colors: {
        // Brand
        brandPrimary: "",
        brandPrimaryInverted: "",
        brandSecondary: "",
        brandSecondaryInverted: "",

        // States
        success: "",
        successInverted: "",
        warning: "",
        warningInverted: "",
        error: "",
        errorInverted: "",

        // Backgrounds
        bgPrimary: "",
        bgPrimaryInverted: "",
        bgSecondary: "",
        bgSecondaryInverted: "",
        bgHover: "",
        bgHoverInverted: "",
        bgScrim: "",
        bgSelected: "",
        bgSelectedInverted: "",
        bgAppHeader: "",

        // Text
        textColorPrimary: "",
        textColorPrimaryInverted: "",
        textColorSecondary: "",
        textColorSecondaryInverted: "",
        textColorInteractive: "",
        textColorInteractiveInverted: "",

        // Decorators
        border: "",
        borderInverted: "",
        borderHeavy: "",
        borderHeavyInverted: "",
        shadow: "",
        shadowInverted: ""
      }
    }}
  >
    {storyFn()}
  </UIKitThemeProvider>
);