package com;

import react.ReactComponent;
import react.ReactMacro.jsx;
import Webpack.*;

class Foo extends ReactComponent {

    static var STYLES = require('./Foo.css');
    static var IMG = require('./bug.png');
    static var CONFIG = require('../config.json');

    public function yeet(){
        trace(state);
    }

    override function render() {
        return jsx('
            <div className="foo">
                <img src=$IMG/> ${CONFIG.hello}!
                <p onClick=${yeet}> ${CONFIG.yeet}!</p>
                <hr/>
                Let\'s do some HRM guys<br/>
            </div>
        ');
    }
}