ente/lib/ui/components/buttons/chip_button_widget.dart

import "package:flutter/material.dart";
import "package:photos/theme/ente_theme.dart";

///https://www.figma.com/file/SYtMyLBs5SAOkTbfMMzhqt/ente-Visual-Design?node-id=8119%3A59513&t=gQa1to5jY89Qk1k7-4
class ChipButtonWidget extends StatelessWidget {
  final String? label;
  final IconData? leadingIcon;
  final VoidCallback? onTap;
  final bool noChips;
  const ChipButtonWidget(
    this.label, {
    this.leadingIcon,
    this.onTap,
    this.noChips = false,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onTap?.call,
      child: Container(
        width: noChips ? double.infinity : null,
        decoration: BoxDecoration(
          color: getEnteColorScheme(context).fillFaint,
          borderRadius: const BorderRadius.all(Radius.circular(4)),
        ),
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Row(
            mainAxisSize: MainAxisSize.min,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              leadingIcon != null
                  ? Icon(
                      leadingIcon,
                      size: 17,
                    )
                  : const SizedBox.shrink(),
              const SizedBox(width: 4),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 4),
                child: Text(
                  label ?? "",
                  style: getEnteTextTheme(context).smallBold,
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}