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

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

				<Modal isActive={isActive} closeModal={closeModal}>
					<Impressum closeModal={closeModal} />
				</Modal>
			</>
		)}
	</ModalContainer>
);
export default ImpressumBtn;

const Impressum = ({ 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'>Impressum</h1>
			<h4 className='medium-text'>Kontakt-Adresse</h4>
			<p className='small-text'>
				Alpines Museum der Schweiz
				<br />
				Helvetiaplatz 4<br />
				3005 Bern
				<br />
				Schweiz
			</p>
			<p className='small-text'>
				E-Mail:
				<br />
				info@alpinesmuseum.ch
			</p>
			<h4 className='medium-text'>Vertretungsberechtigte Person(en)</h4>
			<p className='small-text'>Michael Fässler, Projektleiter</p>
			<h4 className='medium-text'>Handelsregister-Eintrag</h4>
			<p className='small-text'>
				Eingetragener Firmenname: Alpines Museum der Schweiz
				<br />
				Handelsregister Nr: CHE-107.817.066
			</p>
			<h4 className='medium-text'>Mehrwertsteuer-Nummer</h4>
			<p className='small-text'>CHE-107.817.066</p>
			<h4 className='medium-text'>Haftungsausschluss</h4>
			<p className='small-text'>
				Der Autor übernimmt keinerlei Gewähr hinsichtlich der inhaltlichen Richtigkeit,
				Genauigkeit, Aktualität, Zuverlässigkeit und Vollständigkeit der Informationen.
				<br />
				Haftungsansprüche gegen den Autor wegen Schäden materieller oder immaterieller Art,
				welche aus dem Zugriff oder der Nutzung bzw. Nichtnutzung der veröffentlichten
				Informationen, durch Missbrauch der Verbindung oder durch technische Störungen
				entstanden sind, werden ausgeschlossen.
			</p>
			<p className='small-text'>
				<br />
				Alle Angebote sind unverbindlich. Der Autor behält es sich ausdrücklich vor, Teile
				der Seiten oder das gesamte Angebot ohne besondere Ankündigung zu verändern, zu
				ergänzen, zu löschen oder die Veröffentlichung zeitweise oder endgültig
				einzustellen.
			</p>
			<h4 className='medium-text'>Haftungsausschluss für Links</h4>
			<p className='small-text'>
				Verweise und Links auf Webseiten Dritter liegen ausserhalb unseres
				Verantwortungsbereichs. Es wird jegliche Verantwortung für solche Webseiten
				abgelehnt. Der Zugriff und die Nutzung solcher Webseiten erfolgen auf eigene Gefahr
				des jeweiligen Nutzers.
			</p>
			<h4 className='medium-text'>Urheberrechte</h4>
			<p className='small-text'>
				Die Urheber- und alle anderen Rechte an Inhalten, Bildern, Fotos oder anderen
				Dateien auf dieser Website, gehören ausschliesslich{' '}
				<b>der Stiftung Alpines Museum der Schweiz</b> oder den speziell genannten
				Rechteinhabern. Für die Reproduktion jeglicher Elemente ist die schriftliche
				Zustimmung des Urheberrechtsträgers im Voraus einzuholen.
			</p>
			<br />
			Quelle:{' '}
			<a href='https://www.swissanwalt.ch/' target='_blank'>
				SwissAnwalt
			</a>
		</div>
	</div>
);