content: import 'package:flutter/material.dart';
  import 'package:go_router/go_router.dart';
  import 'package:iconsax/iconsax.dart';
  
  void showSearchModal(BuildContext context) {
    final theme = Theme.of(context);
    showDialog(
      context: context,
      builder: (context) => Dialog(
        backgroundColor: Colors.transparent,
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
        child: Container(
          padding: const EdgeInsets.all(16),
          constraints: const BoxConstraints(maxWidth: 400),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              SearchBar(
                padding: WidgetStatePropertyAll(
                    EdgeInsets.symmetric(horizontal: 15, vertical: 5)),
                leading: Icon(Iconsax.search_normal,
                    color: theme.colorScheme.onSurface),
                trailing: [
                  IconButton(
                    icon: Icon(Icons.close, color: theme.colorScheme.onSurface),
                    onPressed: () => Navigator.of(context).pop(),
                  ),
                ],
                shape: WidgetStatePropertyAll(
                  RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(50),
                    side: BorderSide(
                      color: theme.colorScheme.primaryContainer,
                      width: 2,
                    ),
                  ),
                ),
                hintText: 'Search anime...',
                hintStyle: WidgetStatePropertyAll(
                  TextStyle(color: theme.colorScheme.onSurface.withOpacity(0.7)),
                ),
                textStyle: WidgetStatePropertyAll(
                  TextStyle(color: theme.colorScheme.onSurface),
                ),
                backgroundColor: WidgetStatePropertyAll(
                  theme.colorScheme.surfaceContainer,
                ),
                elevation: const WidgetStatePropertyAll(0),
                autoFocus: true,
                keyboardType: TextInputType.text,
                textInputAction: TextInputAction.search,
                onSubmitted: (value) {
                  Navigator.of(context).pop();
                  context.go('/browse?keyword=$value');
                },
              ),
              const SizedBox(height: 16),
            ],
          ),
        ),
      ),
    );
  }
  