"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ChicletPage = void 0;
var tslib_1 = require("tslib");
var React = require("react");
var react_docsite_components_1 = require("@fluentui/react-docsite-components");
var Chiclet_Basic_Example_1 = require("./Chiclet.Basic.Example");
var ChicletBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-experiments/Chiclet/Chiclet.Basic.Example.tsx');
var Chiclet_Breadcrumb_Example_1 = require("./Chiclet.Breadcrumb.Example");
var ChicletBreadcrumbExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-experiments/Chiclet/Chiclet.Breadcrumb.Example.tsx');
var Chiclet_Footer_Example_1 = require("./Chiclet.Footer.Example");
var ChicletFooterExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-experiments/Chiclet/Chiclet.Footer.Example.tsx');
var Chiclet_Preview_Example_1 = require("./Chiclet.Preview.Example");
var ChicletPreviewExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-experiments/Chiclet/Chiclet.Preview.Example.tsx');
var Chiclet_Xsmall_Example_1 = require("./Chiclet.Xsmall.Example");
var ChicletXsmallExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-experiments/Chiclet/Chiclet.Xsmall.Example.tsx');
var Chiclet_Xsmall_Footer_Example_1 = require("./Chiclet.Xsmall.Footer.Example");
var ChicletXsmallFooterExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-experiments/Chiclet/Chiclet.Xsmall.Footer.Example.tsx');
var ChicletPage = /** @class */ (function (_super) {
    tslib_1.__extends(ChicletPage, _super);
    function ChicletPage() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ChicletPage.prototype.render = function () {
        return (React.createElement(react_docsite_components_1.ComponentPage, { title: "Chiclet", componentName: "Chiclet", exampleCards: React.createElement("div", null,
                React.createElement(react_docsite_components_1.ExampleCard, { title: "Basic Medium-sized Chiclet", isOptIn: true, code: ChicletBasicExampleCode },
                    React.createElement(Chiclet_Basic_Example_1.ChicletBasicExample, null)),
                React.createElement(react_docsite_components_1.ExampleCard, { title: "Medium-sized Chiclet with Breadcrumb", isOptIn: true, code: ChicletBreadcrumbExampleCode },
                    React.createElement(Chiclet_Breadcrumb_Example_1.ChicletBreadcrumbExample, null)),
                React.createElement(react_docsite_components_1.ExampleCard, { title: "Medium-sized Chiclet with Footer", isOptIn: true, code: ChicletFooterExampleCode },
                    React.createElement(Chiclet_Footer_Example_1.ChicletFooterExample, null)),
                React.createElement(react_docsite_components_1.ExampleCard, { title: "Medium-sized Chiclet with Preview", isOptIn: true, code: ChicletPreviewExampleCode },
                    React.createElement(Chiclet_Preview_Example_1.ChicletPreviewExample, null)),
                React.createElement(react_docsite_components_1.ExampleCard, { title: "Basic xSmall-sized Chiclet", isOptIn: true, code: ChicletXsmallExampleCode },
                    React.createElement(Chiclet_Xsmall_Example_1.ChicletXsmallExample, null)),
                React.createElement(react_docsite_components_1.ExampleCard, { title: "xSmall-sized Chiclet with Footer", isOptIn: true, code: ChicletXsmallFooterExampleCode },
                    React.createElement(Chiclet_Xsmall_Footer_Example_1.ChicletXsmallFooterExample, null))), propertiesTables: React.createElement(react_docsite_components_1.PropertiesTableSet, { sources: [
                    require('!raw-loader?esModule=false!@fluentui/react-experiments/src/components/Chiclet/Chiclet.types.ts'),
                ] }), isHeaderVisible: this.props.isHeaderVisible }));
    };
    return ChicletPage;
}(React.Component));
exports.ChicletPage = ChicletPage;
//# sourceMappingURL=ChicletPage.js.map