using static Microsoft.DotNet.Interactive.Formatting.PocketViewTags;
using Microsoft.DotNet.Interactive.Formatting;

display(HTML("<b style=\"color:blue\">Hello!</b>"));

display("<b style=\"color:blue\">Hello!</b>");

var someHtml = HTML("<b style=\"color:blue\">Hello!</b>");

display(someHtml.GetType());

Javascript(@"alert(""Hello!"");");

display(
    span(
        img[src:"https://en.wikipedia.org/favicon.ico", style:"height:1.5em"],
        a[href: @"https://en.wikipedia.org", target: "blank", style:"color:green"](b("Wikipedia"))
    )
);

var pocketView = span(
        img[src:"https://en.wikipedia.org/favicon.ico", style:"height:1.5em"],
        a[href: @"https://en.wikipedia.org", target: "blank", style:"color:green"](b("Wikipedia")));

display(pocketView.ToString());

var pocketViewTagMethods = typeof(PocketViewTags)
    .GetProperties()
    .Select(m => m.Name);

display(pocketViewTagMethods);

var pocketView = i("Hello!");

display(pocketView);

var pocketView = span[style:"font-style:italic"]("Hello!");

display(pocketView);

PocketView pocketView = span("<div>This string looks like HTML but it will be HTML encoded.</div>");

display(pocketView);

display("Have a look at the actual HTML:");

display(pocketView.ToString());

var htmlContent = HTML("<i>This won't be HTML encoded.</i>");

PocketView pocketView = span(
    htmlContent
);

display(pocketView);

PocketView pocketView = b(
    new { Fruit = "apple", Texture = "smooth" }
);

display(pocketView);

#!html
<b>Hello!</b>

#!javascript
alert("hello");

#!markdown

Write a **list** ...
* first
* second

...or a _table_...

|Fruit    |Texture |
|---------|--------|
|apple    |smooth  |
|durian   |bumpy   |