index.js

import React from 'react';
import { render } from 'react-dom';

// Not needed unless working with non "en" locales
// import { addLocaleData } from 'react-intl';
// import enLocaleData from 'react-intl/locale-data/en';

import ContentPreview from 'box-ui-elements/es/elements/content-preview';
import messages from 'box-ui-elements/i18n/en-US';
import './index.scss';

// Not needed unless working with non "en" locales
// addLocaleData(enLocaleData);

const FILE_ID_DOC = '308339768087';
const FILE_ID_VIDEO = '308566420378';
const FILE_ID_3D = '319004423111';
const FILE_ID_TEXT = '308349801521';
const FILE_ID_EXCEL = '319011536090';
const FILE_ID_AUDIO = '308566419514';
const FILE_ID_IMAGE = '308345646235';

const container = document.querySelector('.container');
const token = 'aiMADZorjZDCJEfi7zREbvHBo2K70MXf';
const language = 'en-US';

render(
    <ContentPreview
        hasHeader
        fileId={FILE_ID_DOC}
        token={token}
        language={language}
        messages={messages}
        collection={[FILE_ID_DOC, FILE_ID_EXCEL, FILE_ID_VIDEO, FILE_ID_3D, FILE_ID_TEXT, FILE_ID_AUDIO, FILE_ID_IMAGE]}
    />,
    container
);