import 'package:flutter/material.dart';

/// Zentrales Steuerelement zum Setzen von Wegpunkten (HTML-Demonstrator:
/// #centerCluster/#reticleBtn), fixiert in der Bildschirmmitte. Die Karte
/// wird darunter verschoben; ein Tap setzt einen Wegpunkt an der aktuellen
/// Kartenmitte.
class ReticleButton extends StatelessWidget {
  const ReticleButton({super.key, required this.onTap});

  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: const Icon(Icons.add, color: Colors.white, size: 26),
      ),
    );
  }
}