import { Component, computed, inject } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ThemeNodeDirective, ThemeService } from '../../../theme';
import { DmChatComponent } from '../dm-chat/dm-chat.component';

@Component({
  selector: 'app-dm-chat-panel',
  standalone: true,
  imports: [
    CommonModule,
    ThemeNodeDirective,
    DmChatComponent
  ],
  host: { class: 'contents' },
  templateUrl: './dm-chat-panel.component.html'
})
export class DmChatPanelComponent {
  private readonly theme = inject(ThemeService);

  readonly chatPanelStyles = computed(() => this.theme.getLayoutItemStyles('dmChatPanel'));
}