import * as tslib_1 from "tslib";
import { ComponentPage, ExampleCard, PropertiesTableSet, PageMarkdown } from '@uifabric/example-app-base';
import * as React from 'react';
import { ComponentStatus } from '../ComponentStatus/ComponentStatus';
export var DemoPage = function (componentPageProps) {
    return (React.createElement(ComponentPage, { title: componentPageProps.title, componentName: componentPageProps.componentName, componentUrl: componentPageProps.componentUrl, exampleCards: React.createElement("div", null, componentPageProps.examples.map(function (example) { return (React.createElement(ExampleCard, { title: example.title, code: example.code, key: example.title }, example.view)); })), propertiesTables: React.createElement(PropertiesTableSet, { sources: componentPageProps.propertiesTablesSources }), overview: React.createElement(PageMarkdown, null, componentPageProps.overview), bestPractices: React.createElement(PageMarkdown, null, componentPageProps.bestPractices), dos: React.createElement(PageMarkdown, null, componentPageProps.dos), donts: React.createElement(PageMarkdown, null, componentPageProps.donts), isHeaderVisible: componentPageProps.isHeaderVisible, componentStatus: React.createElement(ComponentStatus, tslib_1.__assign({}, componentPageProps.componentStatus)) }));
};
//# sourceMappingURL=DemoPage.js.map