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

class AnimeJs extends Component {
    render() {
        if (this.props.head) {
            return <style dangerouslySetInnerHTML={{ __html: 'body>.footer,body>.navbar,body>.section{opacity:0}' }}></style>;
        }
        return <script src={this.props.jsUrl}></script>;

    }
}

module.exports = cacheComponent(AnimeJs, 'plugin.animejs', props => {
    const { helper, head } = props;
    const { url_for, my_cdn } = helper;
    return {
        head,
        jsUrl: my_cdn(url_for('/js/animation.js'))
    };
});