1 import React from 'react';
2 import { Container } from 'react-bootstrap';
3 import { useTranslation } from 'react-i18next';
5 import Buttons from '../map/Buttons';
6 import List from '../map/List';
7 import OpenSeadragon from '../map/OpenSeadragon';
8 import Pins from '../map/Pins';
11 const container = React.useRef();
12 const { t } = useTranslation();
14 React.useEffect(() => {
15 window.document.title = t('map.heading');
18 return <Container fluid>
19 <OpenSeadragon ref={container}>
20 <div className="d-flex align-items-center justify-content-between">
21 <h1>{t('map.heading')}</h1>
24 <div ref={container} style={{ height: '80vh' }} />