import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/title_medium.dart';
import 'package:syncrow_app/generated/assets.dart';
import 'package:syncrow_app/navigation/routing_constants.dart';

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

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: MediaQuery.sizeOf(context).width,
      height: MediaQuery.sizeOf(context).height,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          SvgPicture.asset(
            Assets.noUnitsIconDashboard,
            width: 100,
            height: 100,
          ),
          const SizedBox(
            height: 50,
          ),
          Flexible(
            child: GestureDetector(
              onTap: () {
                Navigator.pushNamed(context, Routes.createUnit);
              },
              child: Container(
                padding: const EdgeInsets.symmetric(horizontal: 34, vertical: 14),
                decoration: ShapeDecoration(
                  color: const Color(0x99023DFE),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(20),
                  ),
                ),
                child: const TitleMedium(
                  text: 'Create a unit',
                  style: TextStyle(fontSize: 16, fontWeight: FontWeight.w400, color: Colors.white),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}