contact_section.dart

Go to the documentation of this file.

import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../../../core/ui/theme/color_palette.dart';
 
class ContactSection extends StatelessWidget {
  final String fullName;
  final void Function()? onPressed;
 
  const ContactSection({super.key, required this.fullName, required this.onPressed});
 
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(20.sp),
      decoration: BoxDecoration(
        color: ColorPalette.white,
        borderRadius: BorderRadius.circular(24),
        boxShadow: [
          BoxShadow(
            color: ColorPalette.black.withValues(alpha:0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Row(
        children: [
          Container(
            padding: EdgeInsets.all(12.sp),
            decoration: BoxDecoration(
              color: ColorPalette.lightGreen.withValues(alpha:0.1),
              borderRadius: BorderRadius.circular(16),
            ),
            child: Icon(
              FluentIcons.person_12_filled,
              color: ColorPalette.darkGreen,
              size: 24.sp,
            ),
          ),
          SizedBox(width: 16.w),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  'Contact name',
                  style: TextStyle(
                    fontSize: 14.sp,
                    color: ColorPalette.grey,
                  ),
                ),
                SizedBox(height: 4.h),
                Text(
                  fullName,
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                    color: ColorPalette.black,
                    fontWeight: FontWeight.w400,
                  ), 
                ),
              ],
            ),
          ),
          ElevatedButton(
            style: ElevatedButton.styleFrom(
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(16),
              ),
              padding: EdgeInsets.symmetric(
                horizontal: 12.w,
                vertical: 12.h,
              ),
            ),
            onPressed: onPressed,
            child: const Icon(FluentIcons.call_24_filled),
          ),
        ],
      ),
    );
  }
}