// komponents/gisPolylines/icons/SupportPointIcons
import L from "leaflet";
import "leaflet/dist/leaflet.css";

// Icon für Stützpunkt hinzufügen
export const AddSupportPointIcon = L.divIcon({
  className: "custom-add-support-point-icon",
  html: `
    <div style='background-color:green;border-radius:50%;width:12px;height:12px;border: solid white 2px;'>
      <div style='color: white; font-size: 10px; text-align: center; line-height: 12px;'>+</div>
    </div>
  `,
  iconSize: [24, 24],
  iconAnchor: [12, 12],
});

// Icon für Stützpunkt entfernen
export const RemoveSupportPointIcon = L.divIcon({
  className: "custom-remove-support-point-icon",
  html: `
    <div style='background-color:red;border-radius:50%;width:12px;height:12px;border: solid white 2px;'>
      <div style='color: white; font-size: 10px; text-align: center; line-height: 12px;'>-</div>
    </div>
  `,
  iconSize: [24, 24],
  iconAnchor: [12, 12],
});