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

@Component({
  selector: 'app-route-not-found-page',
  template: `
    <main class="route-not-found">
      <h1>404</h1>
      <p>No encontramos la página solicitada.</p>
    </main>
  `,
  styles: `
    .route-not-found {
      min-height: 100vh;
      display: grid;
      place-content: center;
      gap: 0.5rem;
      padding: 2rem;
      text-align: center;
    }

    h1,
    p {
      margin: 0;
    }
  `,
})
export class RouteNotFoundPageComponent {}
