import { ChangeDetectionStrategy, Component } from '@angular/core';
import { CategoryComponent } from '../../features/category/view/category/category.component';
import { MatDivider } from '@angular/material/divider';
import { TaskComponent } from '../../features/task/view/task/task.component';

const COMPONENTS = [CategoryComponent, TaskComponent];
const MODULES = [MatDivider];

@Component({
  selector: 'app-main',
  standalone: true,
  imports: [...COMPONENTS,...MODULES],
  template: `
    <div class="h-screen flex w-full border-4 border-blue-700">
      <!-- Categorias -->
      <app-category class="w-1/4 opacity-50" />

      <!-- Divisor -->
      <mat-divider class="h-full border-2 border-orange-700" />

      <!-- Tarefas -->
      <app-task class="w-3/4 border-2 border-green-700" />
    </div>
  `,
  styles: ``,
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class MainComponent {}