"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var example_app_base_1 = require("@uifabric/example-app-base");
var Persona_Example_1 = require("./Persona.Example");
var VerticalPersona_Example_1 = require("./VerticalPersona.Example");
var PersonaExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Persona/Persona.Example.tsx');
var VerticalPersonaExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Persona/VerticalPersona.Example.tsx');
exports.PersonaPage = function (props) {
    return (React.createElement(example_app_base_1.ComponentPage, { title: " Persona", componentName: " Persona", exampleCards: React.createElement("div", null,
            React.createElement(example_app_base_1.ExampleCard, { title: "Persona basic usage", code: PersonaExampleCode },
                React.createElement(Persona_Example_1.PersonaExample, null)),
            React.createElement(example_app_base_1.ExampleCard, { title: "VerticalPersona basic usage", code: VerticalPersonaExampleCode },
                React.createElement(VerticalPersona_Example_1.VerticalPersonaExample, null))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [
                require('!raw-loader!@uifabric/experiments/src/components/Persona/Persona.types.ts'),
                require('!raw-loader!@uifabric/experiments/src/components/Persona/Vertical/VerticalPersona.types.ts'),
            ] }), overview: React.createElement("div", null,
            React.createElement("p", null, "The Persona component in experiments is the next iteration of the one that is currently in fabric. Currently it supports rendering a vertical variation of the Persona component."),
            React.createElement("p", null, "On a somewhat longer term this should replace the Persona component in the next major version. It'll aim to reduce the DOM impact and in addition support stuff like slots etc for the \"horizontal\" persona as well.")), bestPractices: React.createElement("div", null), dos: React.createElement("div", null,
            React.createElement("ul", null)), donts: React.createElement("div", null,
            React.createElement("ul", null)), isHeaderVisible: props.isHeaderVisible }));
};
//# sourceMappingURL=PersonaPage.js.map