import draggable 			from '/elements/window/draggable.js';

import page 				from '/elements/page.js';

import windowHeader 		from '/elements/window/header.js';

import previewImage 		from './preview/previewWindow.image.js';


export default class imagePreviewWindow extends draggable{
	
	selector				= "#application";

	backdropFilter			= "blur(22px)";

	paddingBottom			= 30;

	display					= "none"


	#ifdef WINDOWS

		#ifdef LIGHT

			background				= "rgb(255 255 255 / 75%)"
			
		#endif

		#ifdef DARK

			background				= "#202020cc"

		#endif

	#endif

	create() {

		this.center();

		this.hide();

	}



	width				= 600;


	flexDirection		= "column";

	borderRadius		= 12;

	windowHeader		= new windowHeader();

	previewImage		= new previewImage();

	setTitle( title ) {

		this.windowHeader.setTitle( title );
	}

	setImage( path ) {

		this.previewImage.setImage( path )

	}

}