exchange container . dart

import 'package:credical/constants.dart';
import 'package:credical/utile_size.dart';
import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    SizeConfig().init(context);
    Size size = MediaQuery.of(context).size;
    return Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(15),
        color: Color(0xff0f7dff),
      ),
      padding: EdgeInsets.symmetric(
        horizontal: getProportionateScreenWidth(10),
      ),
      height: getProportionateScreenHeight(60),
      width: size.width,
      child: Padding(
        padding: EdgeInsets.only(
          left: getProportionateScreenWidth(10),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text(
              "Amount to send in naira",
              style: TextStyle(
                color: Colors.white,
                fontSize: getProportionateScreenWidth(16),
              ),
            ),
            SizedBox(
              width: getProportionateScreenWidth(30),
            ),
            Expanded(
              child: Container(
                padding: EdgeInsets.symmetric(
                    horizontal: getProportionateScreenWidth(6)),
                height: getProportionateScreenHeight(33),
                decoration: BoxDecoration(
                    color: Color(0xffe6f2ff),
                    borderRadius: BorderRadius.circular(10)),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Image.asset("assets/transfer/Nigeria.png"),
                    Image.asset(
                      "assets/transfer/down-Arrow.png",
                      color: blueColor,
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(15),
        color: Color(0xff0f7dff),
      ),
      padding: EdgeInsets.symmetric(
        horizontal: getProportionateScreenWidth(10),
      ),
      height: getProportionateScreenHeight(60),
      width: size.width,
      child: Padding(
        padding: EdgeInsets.only(
          left: getProportionateScreenWidth(10),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text(
              "Amount to receive in cedi",
              style: TextStyle(
                color: Colors.white,
                fontSize: getProportionateScreenWidth(16),
              ),
            ),
            SizedBox(
              width: getProportionateScreenWidth(20),
            ),
            Expanded(
              child: Container(
                padding: EdgeInsets.symmetric(
                    horizontal: getProportionateScreenWidth(6)),
                height: getProportionateScreenHeight(33),
                decoration: BoxDecoration(
                    color: Color(0xffe6f2ff),
                    borderRadius: BorderRadius.circular(10)),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Image.asset("assets/transfer/Ghana.png"),
                    Image.asset(
                      "assets/transfer/down-Arrow.png",
                      color: blueColor,
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}