import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:syncrow_app/features/shared_widgets/default_container.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_medium.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';

import '../../../shared_widgets/syncrow_logo.dart';

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

  @override
  Widget build(BuildContext context) {
    return const Padding(
      padding: EdgeInsets.symmetric(vertical: 10),
      child: Stack(
        children: [
          Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Gap(20),
              DefaultContainer(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    BodyMedium(
                      text: "Karim",
                      fontWeight: FontWeight.bold,
                    ),
                    BodySmall(text: "Syncrow Account")
                  ],
                ),
              ),
            ],
          ),
          Positioned(
            right: 20,
            top: 0,
            child: CircleAvatar(
              radius: 38,
              backgroundColor: Colors.white,
              child: CircleAvatar(
                radius: 37,
                backgroundColor: Colors.grey,
                child: SyncrowLogo(),
              ),
            ),
          ),
        ],
      ),
    );
  }
}