ihk24/gfi-ihk-2024/stories/components/election-result-list-badge/ElectionResultListBadgeComponent.js

import '././election-result-list-badge.scss';
import {createElement} from "../../_global/scripts/helpers";

export const createElectionResultListBadge =
  ({
     preLabel = '202',
     label = 'Kandidat:innen',
     inverted = false,
     closable = false,
     colon = false,
  }) => {
    const electionResultListBadge = createElement('div', ['election-result-list-badge', inverted ? 'inverted' : 'normal', closable ? 'closable' : 'regular']);
    const inner = createElement('div', ['badge-inner'], null, electionResultListBadge);
    const pPre = preLabel + (colon ? ': ' : '');
    const p = createElement('p', [], pPre, inner);
    createElement('span', [], label, p);

    return electionResultListBadge;
  }