"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.GroupedVerticalBarChart = void 0;
var tslib_1 = require("tslib");
var React = require("react");
var react_docsite_components_1 = require("@fluentui/react-docsite-components");
var GroupedVerticalBarChart_Basic_Example_1 = require("./GroupedVerticalBarChart.Basic.Example");
var GroupedVerticalBarChart_Truncated_Example_1 = require("./GroupedVerticalBarChart.Truncated.Example");
var GroupedVerticalBarChart_Styled_Example_1 = require("./GroupedVerticalBarChart.Styled.Example");
var GroupedVerticalBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-charting/GroupedVerticalBarChart/GroupedVerticalBarChart.Basic.Example.tsx');
var GroupedVerticalStyledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-charting/GroupedVerticalBarChart/GroupedVerticalBarChart.Styled.Example.tsx');
var GroupedVerticalTruncatedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-charting/GroupedVerticalBarChart/GroupedVerticalBarChart.Truncated.Example.tsx');
var GroupedVerticalBarChart = /** @class */ (function (_super) {
    tslib_1.__extends(GroupedVerticalBarChart, _super);
    function GroupedVerticalBarChart() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    GroupedVerticalBarChart.prototype.render = function () {
        return (React.createElement(react_docsite_components_1.ComponentPage, { title: "Grouped Vertical Bar Chart", componentName: "GroupedVerticalBarChartExample", exampleCards: React.createElement("div", null,
                React.createElement(react_docsite_components_1.ExampleCard, { title: "Grouped Vertical Bar Chart Basic", code: GroupedVerticalBasicExampleCode },
                    React.createElement(GroupedVerticalBarChart_Basic_Example_1.GroupedVerticalBarChartBasicExample, null)),
                React.createElement(react_docsite_components_1.ExampleCard, { title: "Grouped Vertical Bar Chart Truncated", code: GroupedVerticalTruncatedExampleCode },
                    React.createElement(GroupedVerticalBarChart_Truncated_Example_1.GroupedVerticalBarChartTruncatedExample, null)),
                React.createElement(react_docsite_components_1.ExampleCard, { title: "Grouped Vertical Bar Chart Styled", code: GroupedVerticalStyledExampleCode },
                    React.createElement(GroupedVerticalBarChart_Styled_Example_1.GroupedVerticalBarChartStyledExample, null))), propertiesTables: React.createElement(react_docsite_components_1.PropertiesTableSet, { sources: [
                    require('!raw-loader?esModule=false!@fluentui/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.types.ts'),
                ] }), isHeaderVisible: this.props.isHeaderVisible }));
    };
    return GroupedVerticalBarChart;
}(React.Component));
exports.GroupedVerticalBarChart = GroupedVerticalBarChart;
//# sourceMappingURL=GroupedVerticalBarChartPage.js.map