import {ComponentType} from 'react';
import {Subject, Observable, firstValueFrom} from 'rxjs';
import {nanoid} from 'nanoid';

export class ModalRef<Out = unknown> {
    reactKey: string = nanoid(6);

    constructor(
        public closeEmitter: Subject<Out>,
        public ModalComponent: ComponentType
    ) {}

    get afterClose(): Promise<Out> {
        return firstValueFrom(this.closeEmitter.asObservable());
    }

    get afterCloseAsObservable(): Observable<Out> {
        return this.closeEmitter.asObservable();
    }

    close(out: Out) {
        this.closeEmitter.next(out);
    }
}