@pdftron/webviewer-react-toolkit
Version:
A React component library for integrating with PDFTron WebViewer API.
23 lines (22 loc) • 1.46 kB
JavaScript
import { __assign, __rest } from "tslib";
import classnames from 'classnames';
import React, { useEffect } from 'react';
import { MultiPage, SinglePage } from '../../icons';
export var ThumbnailDragLayer = function (_a) {
var _b = _a.numFiles, numFiles = _b === void 0 ? 1 : _b, className = _a.className, divProps = __rest(_a, ["numFiles", "className"]);
numFiles = numFiles || 1;
useEffect(function () {
if (!Number.isInteger(numFiles))
throw new RangeError('numFiles must be an integer');
if (!Number.isFinite(numFiles))
throw new RangeError('numFiles must not be infinite');
if (numFiles <= 0)
throw new RangeError('numFiles must be a positive integer');
}, [numFiles]);
var thumbnailDragLayerClass = classnames('ui__base ui__thumbnailDragLayer', className);
return (React.createElement("div", __assign({}, divProps, { className: thumbnailDragLayerClass }),
React.createElement("div", { className: "ui__thumbnailDragLayer__wrapper" },
numFiles === 1 ? (React.createElement(SinglePage, { className: "ui__thumbnailDragLayer__icon" })) : (React.createElement(MultiPage, { className: "ui__thumbnailDragLayer__icon" })),
numFiles > 1 ? (React.createElement("div", { className: "ui__thumbnailDragLayer__numFiles" },
React.createElement("span", { className: "ui__thumbnailDragLayer__numFiles__wrapper" }, numFiles))) : undefined)));
};