import './participation-list-item.scss';
import {createElement} from "../../_global/scripts/helpers";
import {createParticipationTeaser} from "../participation-teaser/ParticipationTeaserComponent";

export const createParticipationListItem = ({
  kicker = 'Noch 6 Tage offen',
  progress = 65,
  headline = 'Ideen zur Stärkung der Innenstädte und Ortskerne',
  copy = 'Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.',
  moreCta = {
    label: 'Mehr Infos',
    link: '#',
    target: '_self',
  },
  participateCta = {
    label: 'Jetzt beteiligen',
    link: '#',
    target: '_self',
  }
}) => {
  const div = createElement('div', ['participation-list-item','variant-subtle-primary']);
  div.appendChild(createParticipationTeaser({
    isListItem: true,
    kicker: kicker,
    progress: progress,
    headline: headline,
    copy: copy,
    moreCta: moreCta,
    participateCta: participateCta,
  }));

  return div;
}