component Headline {
  let text = #String;

  let subheadline? = #Record(
    of: {
      text: #String,
      highlight: #Boolean,
    },
  );

  let tags? = #Array(of: #String);

  <h2>
    {
      if (subheadline) {
        <span class={if (subheadline.highlight) "highlight" else "normal"}>
          {subheadline.text}
        </span>
      }
    }
    {text}
    {
      if (tags) {
        <ul>
          {for (tag in tags) { <li> {tag} </li> }}
        </ul>
      }
    }
  </h2>
}

component Component {
  <section>
    <Headline
      text="My Headline"
      subheadline={
        {
          highlight: true,
          text: "Subheadline!",
        }
      }
      tags={["some", "array", "test"]}
    />
  </section>
}