echoes/frontend/interface/template.ts

import { HttpClient } from 'core/http';
import { CapabilityService } from 'core/capability';
import { Serializable } from 'interface/serializableType';

export class Template {
  constructor(
    public config: {
      layout?: string;
      styles?: string[];
      scripts?: string[];
      description?: string;
    },
    public element: (services: {
      http: HttpClient;
      capability: CapabilityService;
      args: Serializable;
    }) => React.ReactNode
  ) {}

  render(services: {
    http: HttpClient;
    capability: CapabilityService;
    args: Serializable;
  }) {
    return this.element(services);
  }
}