import {Directive} from './directive';

export class Component extends Directive {
  constructor({
      selector,
      template,
      elementServices,
      componentServices,
      implementsTypes
    }:{
      selector:String,
      template:TemplateConfig,
      lightDomServices:DomServicesFunction,
      shadowDomServices:DomServicesFunction,
      componentServices:ComponentServicesFunction,
      implementsTypes:Array<Type>
    })
  {
    // super({selector, lightDomServices, implementsTypes});
  }
}

///////////////////////////
/*
import 'package:angular/core.dart' as core;


@Component(
  selector: 'example',
  template: const TemplateConfig(
    url: 'example.dart',
    uses: const [core.CONFIG],
    directives: const [CompA],
    formatters: const [Stringify]
  ),
  componentServices: Example.componentServices,
  elementServices: Example.elementServices,
  implementsTypes: const [App]
)
class Example implements App {
  static componentServices(Module m) {
    m.bind();
  }
  static elementServices(ElementModule m) {
    m.bind();
  }
}

class CompA {}

@Formatter()
class Stringify {}

<CompA>
  LightDOM:
</CompA>

CompA ShadowDOM:
<div>
  <CompB></CompB>
</div>

CompB SHadowDOM:
<div></div>
*/