import React from 'react';
import { ModalContainer, Modal } from 'minimal-react-modal';

const DatenschutzerklarungBtn = ({ label }) => (
	<ModalContainer>
		{(openModal, closeModal, isActive) => (
			<>
				<a onClick={openModal}>{label}</a>

				<Modal isActive={isActive} closeModal={closeModal}>
					<Datenschutzerklarung closeModal={closeModal} />
				</Modal>
			</>
		)}
	</ModalContainer>
);
export default DatenschutzerklarungBtn;

const Datenschutzerklarung = ({ closeModal }) => (
	<div className='Modal--container'>
		<div className='Modal--body'>
			<button onClick={closeModal}>
				<img src='/static/gfx/alps_x.svg' alt='close' />
			</button>
			<h1 className='big-text'>Datenschutzerklärung</h1>
			<p className='small-text'>
				<br />
				Beim Zugriff auf unsere Website werden keine persönlichen Daten gespeichert.
			</p>
			<h4 className='medium-text'>Hosting</h4>
			<p className='small-text'>
				Das Hosting der Daten erfolgt in der Schweiz und wird von der Firma 89grad GmbH
				betrieben.
			</p>
			<h4 className='medium-text'>Kontaktformular</h4>
			<p className='small-text'>
				Wenn Sie sich per Kontaktformular bei uns melden, werden Ihre Angaben und
				Kontaktdaten aus dem Formular zwecks Sicherstellung der Bearbeitung bei uns
				gespeichert. Diese Daten werden nicht an Dritte weitergegeben.
			</p>
			<p className='small-text'>
				<br />
				Das Kontaktformular dient ausschliesslich dem Zweck, im Rahmen des Projekts
				„Fundbüro für Erinnerungen“ mit Ihnen Kontakt aufnehmen zu können. Die von Ihnen
				eingegebenen Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre
				Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung
				entfällt (z.B. nach abgeschlossener Bearbeitung).
			</p>
			<h4 className='medium-text'>Newsletter</h4>
			<p className='small-text'>
				Der Versand der Newsletter erfolgt mittels „MailChimp“, einer
				Newsletterversandplattform des US-Anbieters Rocket Science Group, LLC, 675 Ponce De
				Leon Ave NE #5000, Atlanta, GA 30308, USA.
			</p>
			<p className='small-text'>
				<br />
				Die E-Mail-Adressen unserer Newsletterempfänger, als auch deren weitere, im Rahmen
				dieser Hinweise beschriebenen Daten, werden auf den Servern von MailChimp in den USA
				gespeichert. MailChimp verwendet diese Informationen zum Versand und zur Auswertung
				der Newsletter in unserem Auftrag. Des Weiteren kann MailChimp nach eigenen
				Informationen diese Daten zur Optimierung oder Verbesserung der eigenen Services
				nutzen, z.B. zur technischen Optimierung des Versandes und der Darstellung der
				Newsletter oder für wirtschaftliche Zwecke, um zu bestimmen aus welchen Ländern die
				Empfänger kommen. MailChimp nutzt die Daten unserer Newsletterempfänger jedoch
				nicht, um diese selbst anzuschreiben oder an Dritte weiterzugeben.
			</p>
			<p className='small-text'>
				<br />
				Wir vertrauen auf die Zuverlässigkeit und die IT- sowie Datensicherheit von
				MailChimp. MailChimp ist unter dem US-EU-Datenschutzabkommen „Privacy Shield“
				zertifiziert und verpflichtet sich damit die EU-Datenschutzvorgaben einzuhalten. Des
				Weiteren haben wir mit MailChimp ein „Data-Processing-Agreement“ abgeschlossen.
				Dabei handelt es sich um einen Vertrag, in dem sich MailChimp dazu verpflichtet, die
				Daten unserer Nutzer zu schützen, entsprechend dessen Datenschutzbestimmungen in
				unserem Auftrag zu verarbeiten und insbesondere nicht an Dritte weiter zu geben. Die
				Datenschutzbestimmungen von MailChimp können Sie unter folgendem Link einsehen:{' '}
				<a href='https://mailchimp.com/legal/privacy/' target='_blank'>
					https://mailchimp.com/legal/privacy/
				</a>
				.
			</p>
			<h4 className='medium-text'>Datenübertragung</h4>
			<p className='small-text'>
				Auf unserer Internetseite besteht die Möglichkeit, uns über den Übertragungsdienst
				WeTransfer gesichert Daten zuzusenden. Dabei erfolgt die Anmeldung und Übertragung
				direkt über den Dienstleister WeTransfer B.V., Oostelijke Handelskade 751, 1019 BW
				Amsterdam, the Netherlands.
				<br />
				Wir möchten Sie gerne ausdrücklich darauf hinweisen, dass wir als Betreiber der
				Website keine Kenntnis davon haben, in welchem Umfang WeTransfer diese Daten nutzt.
				WeTransfer stellt diesbezüglich selbst Informationen zur Verfügung. Diese können Sie
				in der offiziellen Datenschutzerklärung abrufbar unter{' '}
				<a href='https://wetransfer.com/legal/privacy' target='_blank'>
					https://wetransfer.com/legal/privacy
				</a>{' '}
				einsehen.
			</p>
		</div>
	</div>
);