import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:yumi/shared/data_sources/models/message/sc_floating_message.dart';
import 'package:yumi/ui_kit/widgets/room/floating/floating_room_rocket_screen_widget.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: const Size(375, 812),
      minTextAdapt: true,
      builder: (_, child) {
        return MaterialApp(
          debugShowCheckedModeBanner: false,
          home: const _RoomRocketFloatingPreviewPage(),
        );
      },
    );
  }
}

class _RoomRocketFloatingPreviewPage extends StatelessWidget {
  const _RoomRocketFloatingPreviewPage();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black,
      body: Stack(
        children: [
          Positioned.fill(
            child: DecoratedBox(
              decoration: const BoxDecoration(
                gradient: LinearGradient(
                  begin: Alignment.topCenter,
                  end: Alignment.bottomCenter,
                  colors: [Color(0xFF20100B), Color(0xFF5A2A13)],
                ),
              ),
            ),
          ),
          Transform.translate(
            offset: Offset(0, 70.w),
            child: FloatingRoomRocketScreenWidget(
              message: SCFloatingMessage(
                type: 3,
                roomId: '123456',
                userName: 'Namenamna...',
                userAvatarUrl:
                    'https://images.unsplash.com/photo-1494790108377-be9c29b29330',
                durationSeconds: 20,
              ),
              onAnimationCompleted: () {},
            ),
          ),
        ],
      ),
    );
  }
}