// Add to pubspec.yaml:
// dependencies:
//   custom_mouse_cursor: ^1.1.2

import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:custom_mouse_cursor/custom_mouse_cursor.dart';

late CustomMouseCursor iconCursor;

Future<void> initializeCursor() async {
  const List<Shadow> shadows = [
    BoxShadow(
      color: Color.fromRGBO(0, 0, 0, 0.8),
      offset: Offset(1, 1),
      blurRadius: 3,
      spreadRadius: 2,
    ),
  ];
  iconCursor = await CustomMouseCursor.icon(
    Icons.celebration,
    size: 48.0,
    hotX: 24,
    hotY: 24,
    color: Colors.blueAccent,
    shadows: shadows,
  );
}

void main() async {
  const Size size = Size(400, 300);
  final controller1 = RegularWindowController(size: size);
  final controller2 = RegularWindowController(size: size);

  await initializeCursor();

  runWidget(ViewCollection(views: [
    RegularWindow(
      controller: controller1,
      child: MyApp(otherController: controller2),
    ),
    RegularWindow(
      controller: controller2,
      child: MyApp(otherController: controller1),
    ),
  ]));
}

class MyApp extends StatefulWidget {
  MyApp({super.key, required this.otherController});

  final RegularWindowController otherController;
  final CustomMouseCursor cursor = iconCursor;

  @override
  MyAppState createState() => MyAppState();
}

class MyAppState extends State<MyApp> with TickerProviderStateMixin {
  late AnimationController _controller;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      vsync: this,
      duration: const Duration(seconds: 4),
    )..repeat(reverse: true);
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  void _focusOtherWindow() {
    WidgetsBinding.instance.platformDispatcher.requestViewFocusChange(
      viewId: widget.otherController.rootView.viewId,
      direction: ViewFocusDirection.forward,
      state: ViewFocusState.focused,
    );
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('View ${View.of(context).viewId}')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              SizedBox(
                height: 40,
                child: LayoutBuilder(
                  builder: (context, constraints) {
                    return AnimatedBuilder(
                      animation: _controller,
                      builder: (context, child) {
                        return Stack(
                          children: [
                            Positioned(
                              left: _controller.value *
                                  (constraints.maxWidth - 150),
                              child: SizedBox(
                                width: 150,
                                child: OutlinedButton(
                                  onPressed: _focusOtherWindow,
                                  child: Text(
                                    'Focus View ${widget.otherController.isReady ? widget.otherController.rootView.viewId : 0}',
                                  ),
                                ),
                              ),
                            ),
                          ],
                        );
                      },
                    );
                  },
                ),
              ),
              const SizedBox(height: 30),
              MouseRegion(
                cursor: widget.cursor, // Use widget's cursor property
                child: GestureDetector(
                  child: Container(
                    decoration: const BoxDecoration(
                      color: Colors.white,
                      border: Border(
                        top: BorderSide(color: Colors.grey, width: 1),
                        bottom: BorderSide(color: Colors.grey, width: 1),
                      ),
                    ),
                    child: const Column(
                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                      children: [
                        SizedBox(height: 8),
                        Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              Text("Hover me!", style: TextStyle(fontSize: 18)),
                            ]),
                        SizedBox(height: 8),
                      ],
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}