import { Component, OnInit } from '@angular/core';
import { TitleService } from '../../shared/services/theme/title.service';

@Component({
  selector: 'app-reports',
  standalone: true,
  template: `
    <div class="reports">
      
      <div class="reports-content">
        <!-- Conteúdo da página de relatórios será implementado posteriormente -->
        <p>Relatórios do Sistema</p>
      </div>
    </div>
  `,
  styles: [`
    .reports {
      padding: 1rem;
    }
    .page-title {
      font-size: 1.875rem;
      font-weight: 600;
      color: #1f2937;
      margin-bottom: 1.5rem;
    }
  `]
})
export class ReportsComponent implements OnInit {
  constructor(private titleService: TitleService) {}

  ngOnInit() {
    this.titleService.setTitle('Relatórios');
  }
}