define([
    '/common/hyperscript.js',

], function (h) {
    var Charts = {};

    Charts.table = function (content, classes) {
        var classString = Array.isArray(classes)? '.' + classes.filter(Boolean).join('.'): '';
        return h('table' + classString, content);
    };

    Charts.columns = function (rows) {
        return Charts.table([
            //h('caption', "Front-End Developer Salary"),
            h('tbody', rows.map(function (n) {
                return h('tr', h('td', {
                    style: '--size: ' + (n / 100),
                }, h('span.data', n)));
            })),
        ], [
            'charts-css',
            'column',
            'show-heading',
        ]);
    };

    Charts.row = function (text, count, data) {
        return h('tr', [
            h('th', {
                scope: 'row',
            }, text),
            h('td', {
                style: '--size: ' + count,
            }, [
                //text,
                typeof(data) !== 'undefined'? h('span.data', data): text,
            ])
        ]);
    };

    // table.charts-css.bar.reverse
/*
    Charts.bars = function (rows) {
        return Charts.table([

        ], [


        ]);
    };
*/

    return Charts;
});