// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/cupertino.dart';

/// Flutter code sample for a [CupertinoMenuAnchor] that shows a menu with three
/// [CupertinoMenuItem]s and one [CupertinoMenuDivider].
void main() => runApp(const CupertinoMenuAnchorApp());

class CupertinoMenuAnchorApp extends StatelessWidget {
  const CupertinoMenuAnchorApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const CupertinoApp(
      home: CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(
          middle: Text('CupertinoMenuAnchor Example'),
        ),
        child: CupertinoMenuAnchorExample(),
      ),
    );
  }
}

class CupertinoMenuAnchorExample extends StatefulWidget {
  const CupertinoMenuAnchorExample({super.key});

  @override
  State<CupertinoMenuAnchorExample> createState() =>
      _CupertinoMenuAnchorExampleState();
}

class _CupertinoMenuAnchorExampleState
    extends State<CupertinoMenuAnchorExample> {
  // Optional: Create a focus node to allow focus traversal between the menu
  // button and the menu overlay.
  final FocusNode _buttonFocusNode = FocusNode(debugLabel: 'Menu Button');
  String _pressedItem = '';
  AnimationStatus _status = AnimationStatus.dismissed;

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

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        spacing: 20,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          CupertinoMenuAnchor(
            onAnimationStatusChanged: (AnimationStatus status) {
              setState(() {
                _status = status;
              });
            },
            childFocusNode: _buttonFocusNode,
            menuChildren: <Widget>[
              CupertinoMenuItem(
                onPressed: () {
                  setState(() {
                    _pressedItem = 'Regular Item';
                  });
                },
                subtitle: const Text('Subtitle'),
                child: const Text('Regular Item'),
              ),
              CupertinoMenuItem(
                onPressed: () {
                  setState(() {
                    _pressedItem = 'Colorful Item';
                  });
                },
                decoration: const WidgetStateProperty<BoxDecoration>.fromMap(<
                  WidgetStatesConstraint,
                  BoxDecoration
                >{
                  WidgetState.dragged: BoxDecoration(color: Color(0xAEE48500)),
                  WidgetState.pressed: BoxDecoration(color: Color(0xA6E3002A)),
                  WidgetState.hovered: BoxDecoration(color: Color(0xA90069DA)),
                  WidgetState.focused: BoxDecoration(color: Color(0x9B00C8BE)),
                  WidgetState.any: BoxDecoration(color: Color(0x00000000)),
                }),
                child: const Text('Colorful Item'),
              ),
              const CupertinoMenuDivider(),
              CupertinoMenuItem(
                trailing: const Icon(CupertinoIcons.delete),
                isDestructiveAction: true,
                child: const Text('Destructive Item'),
                onPressed: () {
                  setState(() {
                    _pressedItem = 'Destructive Item';
                  });
                },
              ),
            ],
            builder:
                (
                  BuildContext context,
                  MenuController controller,
                  Widget? child,
                ) {
                  return CupertinoButton(
                    sizeStyle: CupertinoButtonSize.medium,
                    focusNode: _buttonFocusNode,
                    onPressed: () {
                      if (_status.isForwardOrCompleted) {
                        controller.close();
                      } else {
                        controller.open();
                      }
                    },
                    child: Text(
                      _status.isForwardOrCompleted ? 'Close Menu' : 'Open Menu',
                    ),
                  );
                },
          ),
          Text(
            _pressedItem.isEmpty
                ? 'No items pressed'
                : 'You Pressed: $_pressedItem',
            style: CupertinoTheme.of(context).textTheme.textStyle,
          ),
        ],
      ),
    );
  }
}