import { HttpClient } from "@angular/common/http"
import { Service, inject } from "@mmuscat/angular-composition-api"
import { environment } from "./environment"

function setup() {
   const http = inject(HttpClient)
   return function (data) {
      return http.post(environment.endpoint.url, data)
   }
}

const BasicService = new Service(setup)

import { HttpClient } from "@angular/common/http"
import { Service } from "@mmuscat/angular-composition-api"
import { environment } from "./environment"

function setup(url) {
   const http = inject(HttpClient)
   return function (data) {
      return http.post(url, data)
   }
}

const ServiceWithOptions = new Service(setup, {
   providedIn: "root",
   name: "MyService", // descriptive name for error handling
   arguments: [environment.endpoint.url],
})

function setup() {
   const service = inject(BasicService)
}

@Component({
   providers: [BasicService], // or viewProviders
})
export class MyComponent extends ViewDef(setup) {}