import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:yumi/ui_kit/widgets/room/cp/room_cp_progress_dialog.dart';

void main() {
  runApp(const RoomCpProgressDialogPreviewApp());
}

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

  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: const Size(375, 812),
      minTextAdapt: true,
      splitScreenMode: true,
      builder:
          (_, child) => MaterialApp(
            debugShowCheckedModeBanner: false,
            builder: FlutterSmartDialog.init(),
            home: const _RoomCpProgressDialogPreviewPage(),
          ),
    );
  }
}

class _RoomCpProgressDialogPreviewPage extends StatelessWidget {
  const _RoomCpProgressDialogPreviewPage();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xff1B1224),
      body: Stack(
        fit: StackFit.expand,
        children: [
          const DecoratedBox(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                begin: Alignment.topCenter,
                end: Alignment.bottomCenter,
                colors: [Color(0xff281B35), Color(0xff120B19)],
              ),
            ),
          ),
          const RoomCpProgressDialog(
            daysValue: '999',
            daysLabel: 'Days',
            levelText: 'Lv.0',
            currentValue: 1,
            targetValue: 1,
            expAwayText: '1,000',
            nextLevelText: 'Lv. 2',
            cancelText: 'Cancel',
            leftUser: RoomCpProgressDialogUser(
              nickname: 'NameName',
              userId: '123456',
              levelText: 'Lv.1',
            ),
            rightUser: RoomCpProgressDialogUser(
              nickname: 'NameName',
              userId: '123456',
              levelText: 'Lv.1',
            ),
          ),
        ],
      ),
    );
  }
}