import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center (
        child: SignInButton(),),
    ),
  ));
}

class SignInButton extends StatelessWidget {
  const SignInButton({
    Key? key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: () {
        //go any page neter navi
      },
      child: Container(
        height: 50,
        width: 220,
        decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(4),
            color: Colors.white,
            boxShadow: [
              BoxShadow(
                color: Colors.grey.withOpacity(0.45),
                blurRadius: 5,
              )
            ]),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Align(
              alignment: Alignment.center,
              child: Image(
                height: 30,
                  width: 30,
                image:  NetworkImage('https://kgo.googleusercontent.com/profile_vrt_raw_bytes_1587515358_10512.png'),
              ),
            ),
            SizedBox(
              width: 10,
            ),
            Align(
              alignment: Alignment.center,
              child: Text(
                "Sign in with Google",
                textAlign: TextAlign.center,
                style: TextStyle(
                    fontSize: 14,
                    fontWeight: FontWeight.w500,
                    color: Colors.black87),
              ),
            ),
          ],
        ),
      ),
    );
  }
}