import ProtectionSummary from '@/app/ui/marking-page/protection-summary';
import FilesTable from '@/app/ui/dashboard/files-table';
import PageTitle from '@/app/ui/page-title';
import UploadSectionFile from '@/app/components/upload-section-file';
import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';

export default async function Page() {
	const FILE_TYPE = "image";
	const { file_extension, max_file_size } = await getAllowedFilesExtensions(FILE_TYPE);

	return (
		<div>
			<PageTitle title="image-protection" />
			<ProtectionSummary />
			<UploadSectionFile fileType={FILE_TYPE} allowedExtensions={file_extension} maxFileSize={max_file_size} />
			<FilesTable />
		</div>
	)
}