SeminarDetail

import {
  Accordion,
  CtaButton,
  Icon,
  Prose,
  SeminarDetail,
  SeminarDetailMetaDataItem,
} from 'marketing-ui'
import {
  IconArrowRight,
  IconClock,
  IconMapPin,
  IconPeople2,
  IconSketchbook,
} from 'icons'

function Demo() {
  return (
    <SeminarDetail
      headline='Lackaufbereitung Basis'
      description={
        <Prose>
          <p>
            In diesem Seminar lernen Sie die Grundlagen der professionellen
            Lackaufbereitung von der Vorbereitung bis zur Versiegelung.
          </p>
        </Prose>
      }
      metaData={
        <>
          <SeminarDetailMetaDataItem
            icon={<Icon i={IconClock} />}
            label='2 Tage'
          />
          <SeminarDetailMetaDataItem
            icon={<Icon i={IconMapPin} />}
            label='Neuburg an der Donau'
          />
          <SeminarDetailMetaDataItem
            icon={<Icon i={IconPeople2} />}
            label='max. 12 Teilnehmer'
          />
          <SeminarDetailMetaDataItem
            icon={<Icon i={IconSketchbook} />}
            label='Zertifikat inklusive'
          />
        </>
      }
      price='890 €'
      cta={
        <CtaButton icon={<Icon i={IconArrowRight} />} href='#'>
          Termin buchen
        </CtaButton>
      }
      learnings={
        <>
          <Accordion label='Grundlagen der Lackpflege' size='big'>
            <Prose>
              <p>Aufbau und Eigenschaften moderner Lacksysteme.</p>
            </Prose>
          </Accordion>
          <Accordion label='Politur und Versiegelung' size='big'>
            <Prose>
              <p>Techniken für ein makelloses und dauerhaftes Finish.</p>
            </Prose>
          </Accordion>
        </>
      }
    />
  )
}

export default Demo