import * as L from "leaflet";
import { MARKER_PIN_PATH } from "../icons";
import css from "../editable-map.module.css";
const SIZE = 36;
export function createMarkerIcon() {
    return L.divIcon({
        className: css.markerIcon,
        iconSize: [SIZE, SIZE],
        iconAnchor: [SIZE / 2, SIZE],
        popupAnchor: [0, -SIZE],
        tooltipAnchor: [SIZE / 4, -SIZE / 2],
        html: `<svg viewBox="0 0 24 24" width="${SIZE}" height="${SIZE}"><path d="${MARKER_PIN_PATH}" /></svg>`,
    });
}
