gopeed/ui/flutter_v2/lib/components/gp_icon_button.dart

import 'package:flutter/material.dart';

/// GpIconButton - 简单的图标按钮组件
///
/// 用于TaskItem的操作按钮，支持鼠标悬浮效果
class GpIconButton extends StatefulWidget {
  /// 图标
  final IconData icon;

  /// 点击回调
  final VoidCallback? onTap;

  /// 图标颜色
  final Color? color;

  /// 图标大小
  final double? size;

  const GpIconButton({
    super.key,
    required this.icon,
    this.onTap,
    this.color,
    this.size,
  });

  @override
  State<GpIconButton> createState() => _GpIconButtonState();
}

class _GpIconButtonState extends State<GpIconButton> {
  bool _isHovered = false;

  @override
  Widget build(BuildContext context) {
    return MouseRegion(
      cursor:
          widget.onTap != null
              ? SystemMouseCursors.click
              : SystemMouseCursors.basic,
      onEnter: (_) => setState(() => _isHovered = true),
      onExit: (_) => setState(() => _isHovered = false),
      child: GestureDetector(
        onTap: widget.onTap,
        child: AnimatedContainer(
          duration: const Duration(milliseconds: 200),
          width: widget.size ?? 20.0,
          height: widget.size ?? 20.0,
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(4.0), // 8px圆角
            color:
                _isHovered
                    ? const Color(0xFF4883A2)
                    : Colors.transparent, // 悬浮背景色
          ),
          child: Icon(
            widget.icon,
            color: widget.color ?? Colors.white,
            size: widget.size ?? 20.0,
          ),
        ),
      ),
    );
  }
}