import type { JSX } from 'react';
import type { Status } from '../../shared/api/types/status';
import { DatabaseBox } from './DatabaseBox';
import { JobsBox } from './JobsBox';
import { ScanBox } from './ScanBox';

export function StatusColumn( { status }: { status: Status } ): JSX.Element {
	return (
		<div className="panel status">
			<ScanBox status={ status } />
			<JobsBox />
			<DatabaseBox status={ status } />
		</div>
	);
}