import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
import { X } from 'lucide-angular';

@Component({
    selector: 'kit-modal',
    templateUrl: './modal.component.html',
    styleUrls: ['../styles/index.scss']
})
export class ModalComponent {
    public close= X
    constructor(
        public dialogRef: MatDialogRef<ModalComponent>,
        @Inject(MAT_DIALOG_DATA) public data: any
    ) {}

    get modalTitle(): string {
        return this.data.title || null;
    }
    get modalSize(): string {
        return this.data.size || null;
    }
    
    closeModal(): void {
        this.dialogRef.close();
    }
}