feat : location details

lib/presentation/widget/vec_widget.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
+import 'package:rasadyar_app/presentation/common/app_color.dart';
 import 'package:vector_graphics/vector_graphics.dart';
 
 SvgPicture vecWidget(
@@ -64,3 +65,69 @@ Widget vecWidget2(
     ),
   );
 }
+
+
+class ColoredSvgButton extends StatefulWidget {
+  final String svgPath;
+  final String text;
+  final VoidCallback? onPressed;
+
+  const ColoredSvgButton({
+    required this.svgPath,
+    required this.text,
+    this.onPressed,
+    super.key,
+  });
+
+  @override
+  State<ColoredSvgButton> createState() => _ColoredSvgButtonState();
+}
+
+class _ColoredSvgButtonState extends State<ColoredSvgButton> {
+  bool _isPressed = false;
+  bool _isHovered = false;
+
+  Color _getIconColor() {
+    if (_isPressed) return Colors.white;
+    if (_isHovered) return AppColor.blueNormal.withAlpha(50);
+    return AppColor.blueNormal;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MouseRegion(
+      onEnter: (_) => setState(() => _isHovered = true),
+      onExit: (_) => setState(() {
+        _isHovered = false;
+        _isPressed = false;
+      }),
+      child: GestureDetector(
+        onTapDown: (_) => setState(() => _isPressed = true),
+        onTapUp: (_) => setState(() => _isPressed = false),
+        onTapCancel: () => setState(() => _isPressed = false),
+        child: OutlinedButton.icon(
+          icon: SvgPicture.asset(
+            widget.svgPath,
+            width: 24,
+            height: 24,
+            color: _getIconColor(),
+          ),
+          label: Text(widget.text),
+          onPressed: widget.onPressed,
+          style: OutlinedButton.styleFrom(
+            side: BorderSide(
+              color: AppColor.blueNormal,
+              width: 2,
+            ),
+            foregroundColor: AppColor.blueNormal,
+            backgroundColor: _isPressed ? AppColor.blueNormal : null,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(8),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+