'use strict';

const { Component, Fragment } = require('inferno');
const { cacheComponent } = require('../util/cache');

class ProgressBar extends Component {
    render() {
        const { url_for, jsUrl } = this.props;

        return <Fragment>
            <link rel="stylesheet" href={url_for('/css/progressbar.css')} />
            <script src={jsUrl}></script>
        </Fragment>;
    }
}

module.exports = cacheComponent(ProgressBar, 'plugin.progressbar', props => {
    const { head, helper } = props;
    if (!head) {
        return null;
    }
    return {
        url_for: helper.url_for,
        jsUrl: helper.cdn('pace-js', '1.0.2', 'pace.min.js')
    };
});