import { Component } from '@angular/core';
import { RouterLink } from '@angular/router';

@Component({
  selector: 'app-not-found',
  standalone: true,
  imports: [RouterLink],
  template: `
    <div class="not-found">
      <h2>404 — Page not found</h2>
      <a routerLink="/">Back to library</a>
    </div>
  `,
  styles: [`.not-found { text-align: center; padding: 80px 16px; } a { color: #4a9eff; }`],
})
export class NotFoundComponent {}
