var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
import * as React from 'react';
import HelloWorld from 'my-first-package-typescript/lib/HelloWorld';
var Demo = (function (_super) {
    __extends(Demo, _super);
    function Demo() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.records = [];
        return _this;
    }
    Demo.prototype.generateData = function () {
        for (var i = 0; i < 1000; i++) {
            this.records.push({
                name: (i % 2 === 0) ? "Peter" : (i % 3 === 0) ? "Bob" : "John",
                surname: (i % 2 === 0) ? "Jobs" : (i % 3 === 0) ? "Gates" : "Cena",
                age: 24 + i,
                task: (i % 2 === 0) ? "Cooking" : (i % 3 === 0) ? "Sleeping" : "Watching",
                country: (i % 2 === 0) ? "Poland" : (i % 3 === 0) ? "Germany" : "Russia",
                color: 'Blue',
                language: (i % 2 === 0) ? "Polish" : (i % 3 === 0) ? "German" : "Russian",
                work: (i % 2 === 0) ? "programmer" : (i % 3 === 0) ? "manager" : "accountant",
                salary: (i % 2 === 0) ? "15k" : (i % 3 === 0) ? "9k" : "6k",
                pets: (i % 2 === 0) ? "ferret" : (i % 3 === 0) ? "dog" : "cat",
                family: (i % 2 === 0) ? "big" : "small",
                house: (i % 2 === 0) ? "home" : (i % 3 === 0) ? "flat" : "studio",
                father: (i % 2 === 0) ? "Andrew" : (i % 3 === 0) ? "Michael" : "John",
                mother: (i % 2 === 0) ? "Melanie" : (i % 3 === 0) ? "Eve" : "Kim",
                grandmother: (i % 2 === 0) ? "Anna" : (i % 3 === 0) ? "Caroline" : "Monik",
                grandfather: (i % 2 === 0) ? "Dominik" : (i % 3 === 0) ? "Matheo" : "Mark",
                siblings: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                second_name: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                town: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                pets_name: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                hobby: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                sports: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                goals: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                bestfriend_name: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                education: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana",
                eye_color: (i % 2 === 0) ? "Mark" : (i % 3 === 0) ? "Julia" : "Joana"
            });
        }
    };
    Demo.prototype.componentWillMount = function () {
        this.setState({ gridType: 'pivot' });
        this.generateData();
    };
    Demo.prototype.render = function () {
        return <div style={{ position: 'absolute', display: 'flex', flexDirection: 'column', top: 0, bottom: 0, right: 0, left: 0, fontFamily: ' Sans-Serif' }}>
            
            <div style={{ position: 'relative', flexGrow: 1, }}>

                
                
                <HelloWorld color="red"/>
                <HelloWorld color="green"/>
                <HelloWorld color="blue"/>
                <HelloWorld color="yellow"/>

                
            </div>
        </div>;
    };
    return Demo;
}(React.Component));
export default Demo;