"use strict";

import { m } from "../components";
import * as store from "../store";

export default function component() {
  return {
    view: vnode => {
      if (vnode.attrs.filter) {
        if (!store.evaluateExpression(vnode.attrs.filter, vnode.attrs.device))
          return null;
      }

      const children = Object.values(vnode.attrs.components).map(c => {
        if (typeof c !== "object") return `${c}`;
        return m(c.type, c);
      });
      if (vnode.attrs.element) return m(vnode.attrs.element, children);
      else return children;
    }
  };
}