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 avatarsComponent() {
  return WidgetbookComponent(
    name: 'AppAvatar',
    useCases: [
      WidgetbookUseCase(
        name: 'Playground',
        builder: (context) {
          final initials = knobText(context, label: 'Initials', initialValue: 'ВА');
          return IosPreview.centered(
            child: AppAvatar(
              initials: knobBool(context, label: 'Use initials', initialValue: true)
                  ? initials
                  : null,
              radius: knobDouble(context, label: 'Radius', initialValue: 32, min: 12, max: 56),
            ),
          );
        },
      ),
      WidgetbookUseCase(
        name: 'Sizes',
        builder: (context) {
          return const IosPreview.centered(
            child: Row(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                AppAvatar(initials: 'А', radius: 16),
                SizedBox(width: AppSpacing.s4),
                AppAvatar(initials: 'ВА', radius: 22),
                SizedBox(width: AppSpacing.s4),
                AppAvatar(radius: 32),
                SizedBox(width: AppSpacing.s4),
                AppAvatar(initials: 'ППМ', radius: 44),
              ],
            ),
          );
        },
      ),
    ],
  );
}