zapstore/lib/widgets/pill_widget.dart

import 'package:flutter/material.dart';

/// A pill-shaped widget for displaying text with a colored background
/// Used for tags, categories, and interactive filter chips
class PillWidget extends StatelessWidget {
  final InlineSpan text;
  final Color color;
  final double size;

  const PillWidget(
    this.text, {
    super.key,
    this.color = Colors.blue,
    this.size = 13,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.symmetric(horizontal: size, vertical: 6),
      decoration: BoxDecoration(
        color: color,
        borderRadius: BorderRadius.circular(size * 1.1),
      ),
      child: Text.rich(
        TextSpan(
          style: TextStyle(
            color: Colors.white,
            fontSize: size,
            fontWeight: FontWeight.bold,
            fontFamily: 'Inter',
          ),
          children: [text],
        ),
        maxLines: 1,
        overflow: TextOverflow.ellipsis,
        textAlign: TextAlign.center,
      ),
    );
  }
}