collection_info_row.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../../theme/color_palette.dart';
 
class CollectionInfoRow extends StatelessWidget {
  final String label;
  final String value;
  final IconData icon;
 
  const CollectionInfoRow({
    super.key,
    required this.label,
    required this.value,
    required this.icon,
  });
 
  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        Container(
          padding: EdgeInsets.all(8.sp),
          decoration: BoxDecoration(
            color: ColorPalette.antiFlashWhite,
            borderRadius: BorderRadius.circular(8),
          ),
          child: Icon(
            icon,
            size: 18.sp,
            color: ColorPalette.grey,
          ),
        ),
        SizedBox(width: 12.sp),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              label,
              style: Theme.of(context).textTheme.titleSmall!.copyWith(
                fontSize: 10.sp,
                color: ColorPalette.grey,
                fontWeight: FontWeight.w500,
              ),
            ),
            SizedBox(
              width: MediaQuery.sizeOf(context).width * 0.7,
              child: Text(
                value,
                style: Theme.of(context).textTheme.titleSmall!.copyWith(
                  fontSize: 12.sp,
                  color: ColorPalette.darkGrey,
                  fontWeight: FontWeight.w500,
                ),
              ),
            ),
          ],
        ),
      ],
    );
  }
}