import { __extends } from "tslib";
import * as React from 'react';
import { StackedBarChart } from '@fluentui/react-charting';
import { DefaultPalette } from '@fluentui/react/lib/Styling';
var StackedBarChartBaseBarExample = /** @class */ (function (_super) {
    __extends(StackedBarChartBaseBarExample, _super);
    function StackedBarChartBaseBarExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    StackedBarChartBaseBarExample.prototype.render = function () {
        var points = [
            { legend: 'first', color: DefaultPalette.blue },
            { legend: 'second', color: DefaultPalette.green },
            { legend: 'third', color: DefaultPalette.red },
            { legend: 'forth', color: DefaultPalette.orange },
        ];
        var chartTitle = 'Stacked Bar chart example';
        var data = {
            chartTitle: chartTitle,
            chartData: points,
        };
        return (React.createElement(StackedBarChart, { data: data, barBackgroundColor: DefaultPalette.neutralTertiary, href: 'https://developer.microsoft.com/en-us/' }));
    };
    return StackedBarChartBaseBarExample;
}(React.Component));
export { StackedBarChartBaseBarExample };
//# sourceMappingURL=StackedBarChart.BaseBar.Example.js.map