// Custom triangle icon for draggable markers
import L from "leaflet";

const startIcon = L.divIcon({
  className: "custom-start-icon",
  html: `
    <svg width="18" height="18" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <polygon points="10,2 18,18 2,18" fill="black" />
      <polygon points="10,5 16,16 4,16" fill="gray" />
    </svg>
  `, // Schwarzes Dreieck innerhalb eines grauen Dreiecks
  iconSize: [18, 18],
  iconAnchor: [9, 10],
});

export default startIcon;