component HtmlElement {
  <div />
}

component HtmlElementAttributes {
  <div class="test" />
}

component HtmlElementSelfClosingVoid {
  <link rel="stylesheet" href="main.css" />
}

component HtmlElementChildren {
  <div class="test">
    <p>Enim commodo velit excepteur aute amet ut ad dolore.</p>
    <p>Non et commodo anim eiusmod incididunt sint labore aliqua Lorem ea excepteur mollit sit.</p>
    <p>Tempor ex aute minim ut minim excepteur enim aute.</p>
  </div>
}

component HtmlElementExpressions {
  let class = "let-binding";
  let child = fn () -> <aside class="child" />;

  <div class={class}>
    {if (true) { <p>true</p> } else { <br /> }}
    {child()}
  </div>
}

component HtmlFragment {
  <>
    <p>Enim commodo velit excepteur aute amet ut ad dolore.</p>
    <p>Non et commodo anim eiusmod incididunt sint labore aliqua Lorem ea excepteur mollit sit.</p>
    <p>Tempor ex aute minim ut minim excepteur enim aute.</p>
  </>
}