"use strict";
var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require('react');
var index_1 = require('../../../../index');
var facepileProps = {
    personas: [
        {
            personaName: 'Bill Murray',
            imageUrl: '//www.fillmurray.com/200/200'
        },
        {
            personaName: 'Douglas Field',
            imageInitials: 'DF',
            initialsColor: index_1.PersonaInitialsColor.green
        },
        {
            personaName: 'Marcus Laue',
            imageInitials: 'ML',
            initialsColor: index_1.PersonaInitialsColor.purple,
            data: 'Emp1234',
            onClick: function (persona, ev) {
                return alert('You clicked on ' + persona.personaName + '. Extra data: ' + persona.data);
            }
        }
    ]
};
var FacepileBasicExample = (function (_super) {
    __extends(FacepileBasicExample, _super);
    function FacepileBasicExample() {
        _super.apply(this, arguments);
    }
    FacepileBasicExample.prototype.render = function () {
        return (React.createElement(index_1.Facepile, React.__spread({}, facepileProps)));
    };
    return FacepileBasicExample;
}(React.Component));
exports.FacepileBasicExample = FacepileBasicExample;

//# sourceMappingURL=Facepile.Basic.Example.js.map
