'use client'

import { useEffect, useState } from 'react';

export function FileMonitoringModalWindow({ file, setWindowClose, setWindowChildren }: any) {
	const [status, setStatus] = useState('null');

	function closeHandler() {
		setWindowChildren(null);
		setWindowClose(false);
	}

	useEffect(() => {
		console.log(file);
	}, [file])

	return (
		<div
			className="monitoring-wrapper"
		>
			<h3 className="monitoring-title">
				Выберете интервал мониторинга<br />
				для файла - {file.fileName}
			</h3>
			<p className="monitoring-status">
				Текущий статус мониторинга - {status}
			</p>
			<ul
				className="monitoring-actions"
			>
				<li>
					<button
						className="btn btn-primary active"
						onClick={() => {
							closeHandler()
						}}
					>
						Без мониторинга
					</button>
				</li>
				<li>
					<button
						className="btn btn-primary"
						onClick={() => {
							closeHandler()
						}}
					>
						Каждый день
					</button>
				</li>
				<li>
					<button
						className="btn btn-primary"
						onClick={() => {
							closeHandler()
						}}
					>
						Каждую неделю
					</button>
				</li>
				<li>
					<button
						className="btn btn-primary"
						onClick={() => {
							closeHandler()
						}}
					>
						Каждый месяц
					</button>
				</li>
			</ul>
		</div>
	)
}