import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";

import { Component, Input } from "@angular/core";

@Component({
  selector: "week, Week",
  template: `
    <div
      [ngStyle]="useObjectWrapper({ height: '10px' }, { marginBottom: '4px' }, { transform: 'translateY(-2px)' })"
    >
      {{week}}
    </div>
  `,
  styles: [
    `
      :host {
        display: contents;
      }
    `,
  ],
})
export default class Week {
  @Input() week!: any;

  useObjectWrapper(...args: any[]) {
    let obj = {};
    args.forEach((arg) => {
      obj = { ...obj, ...arg };
    });
    return obj;
  }
}

@NgModule({
  declarations: [Week],
  imports: [CommonModule],
  exports: [Week],
})
export class WeekModule {}