import 'package:flutter/material.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/new_views/app_style/app_color.dart';
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';

class SwipeSuccessView extends StatelessWidget {
  static const routeName = '/swipe_success_view';
  const SwipeSuccessView({Key ?key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return  Scaffold(
      body: Column(
        children: [
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment:CrossAxisAlignment.center,
            children: [
              'swipe_success'.toSvgAsset(),
              17.height,
              context.translation.successful.heading4(context).custom(color: AppColor.white936),
              8.height,
              context.translation.youHaveSuccessfullyMarkedYourAttendance.bodyText2(context).custom(color: AppColor.neutral120),
            ],
          ).expanded,
          AppFilledButton(
            label: 'Close',
            maxWidth: true,
            onPressed:(){
              Navigator.pop(context);
            },
          ),
        ],
      ).paddingOnly(start: 20, end: 20, bottom: 16),
    );
  }
}


// ClipOval(
//   child: Container(
//      color: Colors.grey.withOpacity(0.2),
//     padding: const EdgeInsets.all(10),
//     child: ClipOval(
//       child: Container(
//         color: AppColor.white.withOpacity(0.2),
//         padding: const EdgeInsets.all(10),
//         child: ClipOval(
//           child: Container(
//             color: AppColor.white,
//             child: 'success_swipe'.toSvgAsset().paddingAll(50),
//           ),
//         ).paddingAll(20),
//       ),
//     ),
//   ),
// )