import React from 'react';
import { Box } from '@wix/design-system';
import { resolveFileByMediaType, SMALL_THUMB_WIDTH, THUMB_WIDTH, } from './resolveFileByMediaType';
export function Thumbnail({ file, showDetails }) {
    const { thumbnail } = resolveFileByMediaType(file, showDetails);
    return (React.createElement(Box, { dataHook: `file-thumbnail-${file.mediaType}-${file.mediaId}`, align: "center", verticalAlign: "middle", width: showDetails ? THUMB_WIDTH : SMALL_THUMB_WIDTH, height: showDetails ? THUMB_WIDTH : SMALL_THUMB_WIDTH }, thumbnail));
}
//# sourceMappingURL=Thumbnail.js.map