import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:spotube/hooks/useBreakpoints.dart';

class AdaptiveListTile extends HookWidget {
  final Widget? trailing;
  final Widget? title;
  final Widget? subtitle;
  final Widget? leading;
  final void Function()? onTap;
  final Breakpoints breakOn;

  const AdaptiveListTile({
    super.key,
    this.trailing,
    this.onTap,
    this.title,
    this.subtitle,
    this.leading,
    this.breakOn = Breakpoints.md,
  });

  @override
  Widget build(BuildContext context) {
    final breakpoint = useBreakpoints();

    return ListTile(
      title: title,
      subtitle: subtitle,
      trailing: breakpoint.isLessThan(breakOn) ? null : trailing,
      leading: leading,
      onTap: breakpoint.isLessThan(breakOn)
          ? () {
              onTap?.call();
              showDialog(
                context: context,
                builder: (context) {
                  return AlertDialog(
                    title: title != null
                        ? Row(
                            children: [
                              if (leading != null) ...[
                                leading!,
                                const SizedBox(width: 5)
                              ],
                              Flexible(child: title!),
                            ],
                          )
                        : null,
                    content: trailing,
                  );
                },
              );
            }
          : null,
    );
  }
}