import { CommonModule } from '@angular/common'
import { NgModule } from '@angular/core'
import { ReactiveFormsModule } from '@angular/forms'
import { RouterModule, Routes } from '@angular/router'
import { LoadingButtonDirective, WifiPasswordPipe } from '@frontend/shared'
import { TranslocoModule } from '@jsverse/transloco'
import { ImageUploadComponent } from '../../../shared'

const routes: Routes = [
	{
		path: '',
		loadComponent: () => import('./personalization-settings.component').then((m) => m.PersonalizationSettingsComponent),
		children: [
			{
				path: 'edit',
				loadComponent: () =>
					import('./form/personalization-settings-form.component').then((m) => m.PersonalizationSettingsFormComponent),
			},
		],
	},
]

@NgModule({
	imports: [
		CommonModule,
		RouterModule.forChild(routes),
		ReactiveFormsModule,
		TranslocoModule,
		WifiPasswordPipe,
		LoadingButtonDirective,
		ImageUploadComponent,
	],
})
export class PersonalizationSettingsModule {}