"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.UIPersona = exports.UIPersonaPresence = exports.UIPersonaSize = void 0;
const react_1 = __importDefault(require("react"));
const react_2 = require("@fluentui/react");
Object.defineProperty(exports, "UIPersonaSize", { enumerable: true, get: function () { return react_2.PersonaSize; } });
Object.defineProperty(exports, "UIPersonaPresence", { enumerable: true, get: function () { return react_2.PersonaPresence; } });
/**
 * UIPersona component
 * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
 *
 * @exports
 * @class UIPersona
 * @extends {React.Component<IPersonaProps, {}>}
 */
class UIPersona extends react_1.default.Component {
    /**
     * Initializes component properties.
     *
     * @param props
     */
    constructor(props) {
        super(props);
        this.personaStyles = (_props) => {
            return {
                ...{
                    root: {},
                    details: {},
                    primaryText: {},
                    secondaryText: {},
                    tertiaryText: {},
                    optionalText: {},
                    textContent: {}
                }
            };
        };
    }
    /**
     * @returns {JSX.Element}
     */
    render() {
        return react_1.default.createElement(react_2.Persona, { ...this.props, styles: this.personaStyles });
    }
}
exports.UIPersona = UIPersona;
//# sourceMappingURL=UIPersona.js.map