ihk24/storybook/stories/components/magazine-header/MagazineHeaderComponent.js

import './magazine-header.scss';
import $ from "jquery";
import {createElement, createImage} from "../../_global/scripts/helpers";
import IHKMagazineHeader from "./magazine-header";

export const createMagazineHeader =
  ({
    size = 'regular',
    logo = './logos/wirtschaftsdialoge.svg',
    title = 'Wirtschaftsdialoge',
  }) => {
    const header = createElement('div', ['magazine-header', size]);
    createElement('span', ['gradient'], null, header);
    const a = createElement('a', ['title'], null, header);
    a.href = '#';
    a.tabIndex = -1;
    if (logo && logo.length > 0) {
      createImage(logo, 400, 100, 'Wirtschaftsdialoge Logo', [], a);
    } else {
      a.innerText = title;
    }

    new IHKMagazineHeader($(header));

    return header;
  }