import 'package:flutter/material.dart';

/// Zentrales Steuerelement zum Setzen/Editieren von Wegpunkten
/// (HTML-Demonstrator: #centerCluster/#reticleBtn), fixiert in der
/// Bildschirmmitte. Die Karte wird darunter verschoben. Icon wechselt je
/// nach Modus: "+" (idle, neuer Wegpunkt), Stift (snapped, zum Bearbeiten
/// antippen), Haken (editing, bestaetigen).
class ReticleButton extends StatelessWidget {
  const ReticleButton({super.key, required this.icon, required this.onTap});

  final IconData icon;
  final VoidCallback onTap;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        width: 55,
        height: 55,
        decoration: BoxDecoration(
          shape: BoxShape.circle,
          color: Colors.black.withValues(alpha: 0.68),
          border: Border.all(color: Colors.white, width: 2),
        ),
        child: Icon(icon, color: Colors.white, size: 26),
      ),
    );
  }
}