immich/mobile/lib/presentation/pages/dev/ui_showcase.page.dart

import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_ui/immich_ui.dart';

List<Widget> _showcaseBuilder(Function(ImmichVariant variant, ImmichColor color) builder) {
  final children = <Widget>[];

  final items = [
    (variant: ImmichVariant.filled, title: "Filled Variant"),
    (variant: ImmichVariant.ghost, title: "Ghost Variant"),
  ];

  for (final (:variant, :title) in items) {
    children.add(Text(title));
    children.add(Row(spacing: 10, children: [for (var color in ImmichColor.values) builder(variant, color)]));
  }

  return children;
}

@RoutePage()
class ImmichUIShowcasePage extends StatelessWidget {
  const ImmichUIShowcasePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Immich UI Showcase')),
      body: Padding(
        padding: const EdgeInsets.all(20),
        child: SingleChildScrollView(
          child: Column(
            spacing: 10,
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text("IconButton", style: context.textTheme.titleLarge),
              ..._showcaseBuilder(
                (variant, color) =>
                    ImmichIconButton(icon: Icons.favorite, color: color, variant: variant, onTap: () {}),
              ),
              Text("CloseButton", style: context.textTheme.titleLarge),
              ..._showcaseBuilder((variant, color) => ImmichCloseButton(color: color, variant: variant, onTap: () {})),
            ],
          ),
        ),
      ),
    );
  }
}