import { Component, input } from '@angular/core';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { ImageUploader } from '../../../../components/image-uploader/image-uploader';
import { ReactiveFormsModule } from '@angular/forms';
import { ChainFormGroup } from '../chain-formgroup';
import { TranslatePipe } from '@ngx-translate/core';
import { UpperfirstPipe } from '../../../../pipes/upperfirst-pipe';
import { ImageHandler } from '../../../../directives/image-handler';

@Component({
  selector: 'app-chain-form',
  imports: [
    ImageHandler,
    ImageUploader,
    MatFormFieldModule,
    MatInputModule,
    ReactiveFormsModule,
    TranslatePipe,
    UpperfirstPipe,
  ],
  templateUrl: './chain-form.html',
  styles: ``,
})
export class ChainForm {
  form = input(new ChainFormGroup());
}