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

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

type Props = {
  month: string;
  right: string;
};

@Component({
  selector: "month, Month",
  template: `
    <div
      [ngStyle]="useObjectWrapper({ position: 'absolute' }, { width: '36px' }, { top: '-16px' }, { right: right })"
    >
      {{month}}
    </div>
  `,
  styles: [
    `
      :host {
        display: contents;
      }
    `,
  ],
})
export default class Month {
  @Input() right!: Props["right"];
  @Input() month!: Props["month"];

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

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