import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

/// ============================================================
/// 【RecitePage】「背诵」tab 页 —— 空页面占位
///
/// 后续开发计划：这里放背单词的卡片流（正面/背面翻转、记忆曲线等）。
/// 现在先占位，保证 4 个 tab 都能正常切换。
/// ============================================================
class RecitePage extends StatelessWidget {
  const RecitePage({super.key});

  @override
  Widget build(BuildContext context) {
    return const _Placeholder(
      icon: Icons.auto_stories,
      title: '背诵',
      subtitle: '功能开发中，敬请期待',
    );
  }
}

/// 通用占位组件：一个居中图标 + 标题 + 副标题
class _Placeholder extends StatelessWidget {
  const _Placeholder({
    required this.icon,
    required this.title,
    required this.subtitle,
  });

  final IconData icon;
  final String title;
  final String subtitle;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(icon, size: 64.w, color: const Color(0xFFC9CFD8)),
            SizedBox(height: 12.h),
            Text(
              title,
              style: TextStyle(
                fontSize: 18.sp,
                fontWeight: FontWeight.bold,
                color: const Color(0xFF666666),
              ),
            ),
            SizedBox(height: 6.h),
            Text(
              subtitle,
              style: TextStyle(fontSize: 13.sp, color: const Color(0xFF999999)),
            ),
          ],
        ),
      ),
    );
  }
}