ihk24/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js

import './miniteaser.scss';
import {createElement} from "../../_global/scripts/helpers";
import { createButton } from '../../atoms/button/ButtonComponent';
export const createMiniTeaser = ({
  type = 'standard',
  category = 'IHK Mitgliedschaft',
  title = 'Werden Sie Teil unseres Netzwerks!',
  link = '#',
  icon = 'Roboter',
  buttonlabel = 'IHK-Newsletter sichern',
}) => {
  
  if (type === 'standard') {
    const tile = createElement('a', ['tile',  'mini-teaser', type], null);
    tile.href = link;
    const textBox = createElement('div', ['text-box'], null, tile);
    createElement('h5', ['category'], category, textBox);
    createElement('h4', ['title'], title, textBox);
    return tile;
  }else{
    const tile = createElement('div', ['tile',  'mini-teaser', type], null);
    const textBox = createElement('div', ['text-box'], null, tile);
    createElement('div', ['icon-box', 'pictogram-' + icon.toLowerCase().split(' ').join('-')], null, textBox);
    createElement('h4', ['title'], title, textBox);
    textBox.appendChild(createButton({color: 'white', label: buttonlabel,link: link, iconPosition: 'icon-right', icon: null}))
    return tile;
  }
  

  
}