ihk24/gfi-ihk-2024/stories/pages/article/Article.stories.js

import {createArticlePage} from "./ArticlePage";

export default {
  title: 'Pages/Article Page',
  parameters: {
    layout: 'fullscreen',
  },
  args: {

  },
}

const Template = ({...args}) => {
  return createArticlePage({...args});
};

export const ArticlePage = Template.bind({});
ArticlePage.args = {};

export const ArticlePageMicrosite = Template.bind({});
ArticlePageMicrosite.args = {
  styleBlock: `
    :root {
      --theme-color-primary: #E6007E !important;
      --theme-color-primary-microsite: #000000 !important;
      --theme-color-primary-rgb: 230,0,126 !important;
      --theme-color-primary-dimmed-01: #EB3398 !important;
      --theme-color-primary-dimmed-02: #F063B0 !important;
      --theme-color-primary-dimmed-03: #F9BFDF !important;
      --theme-color-primary-dimmed-04: #FCE6F2 !important;
      --theme-color-secondary: #563F54 !important;
      --theme-color-secondary-microsite: #E6007E !important;
      --theme-color-secondary-intensed: #563F54 !important;
      --theme-color-secondary-dimmed: #EEECEE !important;
      --theme-color-neutral: #E6007E !important;
      --theme-color-neutral-background: #EFF3F6 !important;
      --theme-color-background: #FFFFFF !important;
      --theme-color-text-intensed: #000000 !important;
      --theme-color-text: #000000 !important;
      --theme-color-link: #E6007E !important;
      --theme-color-link-hover: #E6007E !important;
      --theme-color-gradient-01: #E6007E !important;
      --theme-color-gradient-02: #9f1f69 !important;
      --theme-color-gradient-03: #563f54 !important;
      }
  `
};