mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-26 04:01:40 -07:00
26 lines
611 B
TypeScript
26 lines
611 B
TypeScript
import * as React from 'react';
|
|
import * as styles from './zoomWarning.module.scss';
|
|
|
|
// @ts-ignore
|
|
import zoomIcon from '/node_modules/uswds/dist/img/usa-icons/zoom_in.svg';
|
|
|
|
interface IZoomWarningProps {
|
|
zoomLevel: number
|
|
}
|
|
|
|
const ZoomWarning = ({zoomLevel}: IZoomWarningProps) => {
|
|
return (
|
|
<>
|
|
{zoomLevel <= 5 ? (
|
|
<div className={styles.zoomWarning}>
|
|
<img src={zoomIcon} alt={'zoom icon'}/>
|
|
Zoom in to the state or regional level to see prioritized communities on the map.
|
|
</div>
|
|
) :
|
|
''
|
|
}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default ZoomWarning;
|