import 'package:flutter/cupertino.dart';
import 'package:please_pay_me/theme/theme.dart';
import 'package:please_pay_me/ui/ui.dart';
import 'package:please_pay_me_widgetbook/knobs/common_knobs.dart';
import 'package:please_pay_me_widgetbook/support/preview.dart';
import 'package:widgetbook/widgetbook.dart';

WidgetbookComponent chipsComponent() {
  return WidgetbookComponent(
    name: 'AppChip',
    useCases: [
      WidgetbookUseCase(
        name: 'Playground',
        builder: (context) {
          return IosPreview.centered(
            child: AppChip(
              label: knobText(context, label: 'Label', initialValue: 'Еда'),
              selected: knobBool(context, label: 'Selected'),
              icon: knobBool(context, label: 'Icon') ? CupertinoIcons.tag_fill : null,
              onPressed: () {},
            ),
          );
        },
      ),
      WidgetbookUseCase(
        name: 'Filter row',
        builder: (context) {
          final selected = knobInt(context, label: 'Selected index', min: 0, max: 3);
          const labels = ['Все', 'Еда', 'Транспорт', 'Подписки'];
          return IosPreview.centered(
            child: Wrap(
              spacing: AppSpacing.s2,
              runSpacing: AppSpacing.s2,
              alignment: WrapAlignment.center,
              children: [
                for (final (index, label) in labels.indexed)
                  AppChip(label: label, selected: index == selected, onPressed: () {}),
              ],
            ),
          );
        },
      ),
    ],
  );
}