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

/// A card with information about how hubs work.
class HubInfoCard extends StatelessWidget {
  /// Creates a [HubInfoCard].
  const HubInfoCard({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(UiConstants.space4),
      decoration: BoxDecoration(
        color: UiColors.tagInProgress,
        borderRadius: BorderRadius.circular(UiConstants.radiusBase),
      ),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          const Icon(UiIcons.nfc, size: 20, color: UiColors.primary),
          const SizedBox(width: UiConstants.space3),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Text(
                  t.client_hubs.about_hubs.title,
                  style: UiTypography.body2b.textPrimary,
                ),
                const SizedBox(height: UiConstants.space1),
                Text(
                  t.client_hubs.about_hubs.description,
                  style: UiTypography.footnote1r.copyWith(
                    color: UiColors.textSecondary,
                    height: 1.4,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}
