import { __extends } from "tslib";
import * as React from 'react';
import { ComponentPage, ExampleCard, PropertiesTableSet } from '@uifabric/example-app-base';
import { AreaChartBasicExample } from './AreaChart.Basic.Example';
import { AreaChartMultipleExample } from './AreaChart.Multiple.Example';
import { AreaChartStyledExample } from './AreaChart.Styled.Example';
var AreaChartBasicExampleCode = require('!raw-loader!@fluentui/examples/src/charting/AreaChart/AreaChart.Basic.Example.tsx');
var AreaChartMultipleExampleCode = require('!raw-loader!@fluentui/examples/src/charting/AreaChart/AreaChart.Multiple.Example.tsx');
var AreaChartStyledExampleCode = require('!raw-loader!@fluentui/examples/src/charting/AreaChart/AreaChart.Styled.Example.tsx');
var AreaChart = /** @class */ (function (_super) {
    __extends(AreaChart, _super);
    function AreaChart() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    AreaChart.prototype.render = function () {
        return (React.createElement(ComponentPage, { title: "Area Chart", componentName: "AreaChartBasicExample", exampleCards: React.createElement("div", null,
                React.createElement(ExampleCard, { title: "Area Chart basic", code: AreaChartBasicExampleCode },
                    React.createElement(AreaChartBasicExample, null)),
                React.createElement(ExampleCard, { title: "Multiple Area chart", code: AreaChartMultipleExampleCode },
                    React.createElement(AreaChartMultipleExample, null)),
                React.createElement(ExampleCard, { title: "Styled Area chart", code: AreaChartStyledExampleCode },
                    React.createElement(AreaChartStyledExample, null))), propertiesTables: React.createElement(PropertiesTableSet, { sources: [require('!raw-loader!@uifabric/charting/src/components/AreaChart/AreaChart.types.ts')] }), isHeaderVisible: this.props.isHeaderVisible }));
    };
    return AreaChart;
}(React.Component));
export { AreaChart };
//# sourceMappingURL=AreaChartPage.js.map