import 'package:flutter/material.dart';

import '../theme/reclaim_tokens.dart';

/// "Recl∆Im" wordmark with the ∆I glyphs petrol-coloured — the
/// brand rule of thumb in the fai_web universe: wherever the name
/// stands as a brand, the ∆I tinted petrol carries the F∆I-family
/// identity. As plain text it would all share the surrounding ink
/// colour.
///
/// Pass [size] for the base font size; the ∆I scales relative.
class BrandWordmark extends StatelessWidget {
  const BrandWordmark({
    super.key,
    this.size = 24,
    this.fontWeight = FontWeight.w600,
    this.color,
    this.letterSpacing = -0.5,
  });

  final double size;
  final FontWeight fontWeight;

  /// Color of the non-∆I letters. Defaults to the surface's
  /// onSurface so the wordmark reads against whichever ink/paper
  /// backdrop it sits on.
  final Color? color;
  final double letterSpacing;

  @override
  Widget build(BuildContext context) {
    final base = color ?? Theme.of(context).colorScheme.onSurface;
    final style = TextStyle(
      fontSize: size,
      fontWeight: fontWeight,
      fontFamily: ReclaimTypography.display,
      color: base,
      letterSpacing: letterSpacing,
      height: 1.0,
    );
    return RichText(
      text: TextSpan(
        style: style,
        children: [
          const TextSpan(text: 'Recl'),
          TextSpan(
            text: '∆I',
            style: style.copyWith(color: ReclaimColors.signal),
          ),
          const TextSpan(text: 'm'),
        ],
      ),
    );
  }
}