1 files changed, 21 insertions, 0 deletions
diff --git a/src/components/TileLayerControl/TileLayerControl.tsx b/src/components/TileLayerControl/TileLayerControl.tsx
new file mode 100644
index 0000000..026ade1
--- /dev/null
+++ b/src/components/TileLayerControl/TileLayerControl.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import styles from './TileLayerControl.module.css';
+
+export enum TileLayerType {
+  map,
+  satellite,
+}
+
+interface Props {
+  tileType: TileLayerType;
+  onClick: () => void;
+}
+
+export default function TileLayerControl({ tileType, onClick }: Props): JSX.Element {
+  const bgClass = tileType === TileLayerType.map ? styles.satellite : styles.map;
+  return (
+    <div className={`${styles.tileLayerControl} leaflet-bar`}>
+      <button type="button" className={bgClass} onClick={onClick}></button>
+    </div>
+  );
+}