Get current theme in decorator function about storybook-addon-theme-playground HOT 5 CLOSED

const withThemeProviderAndFonts = ({ children, theme, name }) => {
  let globalStyles = "";
  let fontFaces = "";
  let tenantMock;

  switch (name) {
    case themeNames.ThemeOne:
      globalStyles = generateGlobalStyles(themes.ThemeOne);
      fontFaces = generateFontFaces(fonts.ThemeOneFonts);
      tenantMock = tenantMocks.ThemeOneTenantMock;
      break;
    case themeNames.ThemeTwo:
      globalStyles = generateGlobalStyles(themes.ThemeTwo);
      fontFaces = generateFontFaces(fonts.ThemeTwoFonts);
      tenantMock = tenantMocks.ThemeTwoTenantMock;
      break;
    case themeNames.ThemeThree:
      globalStyles = generateGlobalStyles(themes.ThemeThree);
      fontFaces = generateFontFaces(fonts.ThemeThreeFonts);
      tenantMock = tenantMocks.ThemeThreeTenantMock;
      break;
    default:
      globalStyles = generateGlobalStyles(themes.Default);
      tenantMock = tenantMocks.DefaultTenantMock;
  }

  handleSetStyles(GLOBAL_STYLE_ELEMENT_ID, globalStyles);
  handleSetStyles(FONTS_ELEMENT_ID, fontFaces);

  return (
    <AppContext.Provider
      value={{
        featureFlags: [],
        tenant: tenantMock,
      }}
    >
      <ThemeProvider theme={theme}>
        <div id="__next">
          <div className="pageLayout">
            {children}
          </div>
        </div>
      </ThemeProvider>
    </AppContext.Provider>
  );
};

export const parameters = {
  themePlayground: {
    theme: [
      { name: themeNames.ThemeOne, theme: themes.ThemeOne },
      { name: themeNames.ThemeTwo, theme: themes.ThemeTwo },
      { name: themeNames.ThemeThree, theme: themes.ThemeThree },
      { name: themeNames.Default, theme: themes.Default},
    ],
    provider: withThemeProviderAndFonts
  }
};

export const Footer: ComponentStory<typeof FooterComponent> = (
  _args,
  { globals: { theme } }
) => {
  switch (theme) {
    case themeNames.ThemeOne:
      return <FooterComponent key="1" {...props.ThemeOneProps} />;
    case themeNames.ThemeTwo:
      return <FooterComponent key="2" {...props.ThemeTwoProps} />;
    case themeNames.ThemeThree:
      return <FooterComponent key="3" {...props.ThemeThreeProps} />;
    default:
      return <FooterComponent key="4" {...props.DefaultProps} />;
  }
};