"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PersonaPage = void 0;
var React = require("react");
var react_docsite_components_1 = require("@fluentui/react-docsite-components");
var Persona_Example_1 = require("./Persona.Example");
var VerticalPersona_Example_1 = require("./VerticalPersona.Example");
var PersonaExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-experiments/Persona/Persona.Example.tsx');
var VerticalPersonaExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-experiments/Persona/VerticalPersona.Example.tsx');
var PersonaPage = function (props) {
    return (React.createElement(react_docsite_components_1.ComponentPage, { title: " Persona", componentName: " Persona", exampleCards: React.createElement("div", null,
            React.createElement(react_docsite_components_1.ExampleCard, { title: "Persona basic usage", code: PersonaExampleCode },
                React.createElement(Persona_Example_1.PersonaExample, null)),
            React.createElement(react_docsite_components_1.ExampleCard, { title: "VerticalPersona basic usage", code: VerticalPersonaExampleCode },
                React.createElement(VerticalPersona_Example_1.VerticalPersonaExample, null))), propertiesTables: React.createElement(react_docsite_components_1.PropertiesTableSet, { sources: [
                require('!raw-loader?esModule=false!@fluentui/react-experiments/src/components/Persona/Persona.types.ts'),
                require('!raw-loader?esModule=false!@fluentui/react-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, "This may replace the Persona component in a future major version. It'll aim to reduce the DOM impact and in addition support stuff like slots etc for the \"horizontal\" persona as well.")), isHeaderVisible: props.isHeaderVisible }));
};
exports.PersonaPage = PersonaPage;
//# sourceMappingURL=PersonaPage.js.map