import 'package:flutter/material.dart';
import '../core/theme/context_tokens.dart';

/// 顶栏通知铃（原型 .icon-btn + #i-bell）。通知中心为二期，暂点开「暂无通知」面板。
class NotificationBell extends StatelessWidget {
  const NotificationBell({super.key});

  @override
  Widget build(BuildContext context) {
    final t = context.tokens;
    return PopupMenuButton<void>(
      tooltip: '通知',
      offset: const Offset(0, 40),
      position: PopupMenuPosition.under,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
      color: t.surface,
      elevation: 8,
      itemBuilder: (_) => [
        PopupMenuItem<void>(
          enabled: false,
          child: SizedBox(
            width: 200,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text('通知',
                    style: TextStyle(
                        fontSize: 13,
                        fontWeight: FontWeight.w600,
                        color: t.heading)),
                const SizedBox(height: 10),
                Row(
                  children: [
                    Icon(Icons.notifications_off_outlined,
                        size: 16, color: t.faint),
                    const SizedBox(width: 8),
                    Text('暂无通知',
                        style: TextStyle(fontSize: 13, color: t.muted)),
                  ],
                ),
              ],
            ),
          ),
        ),
      ],
      child: Container(
        width: 34,
        height: 34,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(8),
        ),
        alignment: Alignment.center,
        child: Icon(Icons.notifications_outlined, size: 19, color: t.topFg),
      ),
    );
  }
}