import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';

class HtmlApp extends StatelessWidget {
  const HtmlApp({super.key});

  final _testTag = 'test';
  final _customWrapperTag = 'custom';

  CustomRender _testRender() {
    return CustomRender.widget(widget: (_, __) {
      return const Icon(Icons.abc);
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('HTML example'),
        ),
        body: Html(
          data:
              '<custom>Hello <span>there</span> <test></test> <p>new</p></custom>',
          customRenders: {
            tagMatcher(_testTag): _testRender(),
            tagMatcher(_customWrapperTag): fallbackRender(),
          },
          tagsList: Html.tags
            ..addAll([
              _testTag,
              _customWrapperTag,
            ]),
        ),
      ),
      debugShowCheckedModeBanner: false,
    );
  }
}

tagMatcher(_customWrapperTag): fallbackRender(),