import "package:material_ui/material_ui.dart";
import "package:hooks_riverpod/hooks_riverpod.dart";
import "package:nexus/models/event.dart";
import "package:nexus/models/relation_type.dart";
import "package:nexus/widgets/event_preview.dart";

class const RelationPreview(
  final Event? relatedEvent, {
  required final RelationType relationType,
  required final VoidCallback onDismiss,
  required final bool shouldMention,
  required final VoidCallback toggleShouldMention,
  super.key,
}) extends ConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    if (relatedEvent == null) return SizedBox.shrink();
    final theme = Theme.of(context);

    return Container(
      color: theme.colorScheme.surfaceContainerHigh,
      padding: .symmetric(horizontal: 12),
      child: Row(
        spacing: 8,
        children: [
          if (relationType == .edit)
            Text("Editing message:", style: .new(fontWeight: .bold)),

          Expanded(
            child: Padding(
              padding: .symmetric(vertical: 8),
              child: EventPreview(relatedEvent!),
            ),
          ),

          if (relationType == .reply)
            TextButton(
              onPressed: toggleShouldMention,
              child: Text(
                shouldMention ? "@On" : "@Off",
                style: TextStyle(
                  fontWeight: .w900,
                  color: shouldMention ? null : Theme.of(context).disabledColor,
                ),
              ),
            ),

          IconButton(
            tooltip: "Cancel ${relationType == .edit ? "edit" : "reply"}",
            onPressed: onDismiss,
            icon: const Icon(Icons.close),
            iconSize: 20,
          ),
        ],
      ),
    );
  }
}