import 'package:design_system/design_system.dart';
import 'package:flutter/material.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:core_localization/core_localization.dart';

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

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(UiConstants.space4),
      decoration: BoxDecoration(
        color: UiColors.primary.withOpacity(0.08),
        borderRadius: BorderRadius.circular(UiConstants.radiusBase),
      ),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          // Using LucideIcons for domain specific content icon not in UiIcons
          const Icon(LucideIcons.shirt, color: UiColors.primary, size: 24),
          const SizedBox(width: UiConstants.space3),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Text(
                  t.staff_profile_attire.info_card.title,
                  style: UiTypography.body2m.copyWith(
                    color: UiColors.textPrimary,
                  ),
                ),
                const SizedBox(height: 2),
                Text(
                  t.staff_profile_attire.info_card.description,
                  style: UiTypography.body2r.copyWith(
                    color: UiColors.textSecondary,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}
