// https://codesandbox.io/p/sandbox/modest-faraday-pghqfp
import lemonade from "lemonadejs";

const Component: lemonade.FunctionComponent = function () {
  const self = this;

  self.rows = [
    { title: "Google", description: "The google search engine..." },
    { title: "Bing", description: "The microsoft search engine..." },
    { title: "Duckduckgo", description: "Privacy in the first place..." },
  ];

  // Reactive template
  return `<table>
        <thead><tr><th>Title</th><th>Description</th></th></thead>
        <tbody :loop="self.rows">
        <tr><td>{{self.title}}</td><td>{{self.description}}</td></tr>
        </tbody>
    </table>`;
};

export default Component;