import { __extends } from "tslib";
import * as React from 'react';
import { StackedBarChart } from '@fluentui/react-charting';
import { DefaultPalette } from '@fluentui/react/lib/Styling';
var StackedBarChartBenchmarkExample = /** @class */ (function (_super) {
    __extends(StackedBarChartBenchmarkExample, _super);
    function StackedBarChartBenchmarkExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    StackedBarChartBenchmarkExample.prototype.render = function () {
        var points = [
            { legend: 'first', data: 10, color: DefaultPalette.redDark },
            { legend: 'second', data: 90, color: DefaultPalette.neutralTertiaryAlt, placeHolder: true },
        ];
        var data = {
            chartData: points,
        };
        return (React.createElement(React.Fragment, null,
            React.createElement(StackedBarChart, { data: data, ignoreFixStyle: true }),
            React.createElement("br", null),
            React.createElement(StackedBarChart, { data: data, ignoreFixStyle: true })));
    };
    return StackedBarChartBenchmarkExample;
}(React.Component));
export { StackedBarChartBenchmarkExample };
//# sourceMappingURL=StackedBarChart.Benchmark.Example.js.map