const { Button } = window.CoolZoneSolutionDesignSystem_12e696;

function VideoSection({ t }) {
  return (
    <section className="video-banner">
      <video
        className="video-banner-media"
        src="assets/corporate.mp4"
        autoPlay
        muted
        loop
        playsInline
        aria-hidden="true"
      ></video>
      <div className="video-banner-overlay" aria-hidden="true"></div>
      <div className="container video-banner-content">
        <h2><EditableText fieldKey="videoTitle">{t.videoTitle}</EditableText></h2>
        <p><EditableText fieldKey="videoLead" multiline>{t.videoLead}</EditableText></p>
        <Button variant="primary" href="#kontakt" icon="arrow">{t.cta}</Button>
      </div>
    </section>
  );
}
Object.assign(window, { VideoSection });