import 'package:flutter/material.dart';

import '../../../../common/theme/theme.dart';
import '../../../components/spacer/spacer.dart';

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

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      decoration: const BoxDecoration(
        gradient: LinearGradient(
          colors: AppColor.primaryGradient,
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
        ),
      ),
      child: Column(
        children: [
          const SpaceHeight(20),

          // Profile Picture
          Container(
            width: 100,
            height: 100,
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              border: Border.all(color: AppColor.textWhite, width: 3),
              color: AppColor.primaryLight,
            ),
            child: ClipOval(
              child: Container(
                color: AppColor.primaryLight,
                child: const Icon(
                  Icons.person,
                  size: 50,
                  color: AppColor.textWhite,
                ),
              ),
            ),
          ),

          const SpaceHeight(16),

          // Name
          Text(
            'John Doe',
            style: AppStyle.h5.copyWith(
              fontSize: 24,
              fontWeight: FontWeight.bold,
              color: AppColor.textWhite,
            ),
          ),

          const SpaceHeight(4),

          // Role Badge
          Container(
            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
            decoration: BoxDecoration(
              color: AppColor.textWhite.withOpacity(0.2),
              borderRadius: BorderRadius.circular(20),
            ),
            child: Text(
              'Business Owner',
              style: AppStyle.md.copyWith(
                color: AppColor.textWhite,
                fontWeight: FontWeight.w500,
              ),
            ),
          ),

          const SpaceHeight(30),
        ],
      ),
    );
  }
}
