"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.GlobalColors = void 0;
var React = require("react");
var ColorRamp_1 = require("../components/ColorRamp");
var react_theme_1 = require("@fluentui/react-theme");
exports.default = {
    title: 'Fluent UI Theme/Global/Colors',
};
// FIXME: hardcoded theme
var theme = {
    light: react_theme_1.teamsLightTheme,
    dark: react_theme_1.teamsDarkTheme,
    highContrast: react_theme_1.teamsHighContrastTheme,
};
var GlobalColors = function () {
    return (React.createElement("div", { style: { display: 'flex' } },
        React.createElement("div", null,
            React.createElement("h3", null, "Grey"),
            React.createElement(ColorRamp_1.ColorRamp, { ramp: theme.light.global.palette.grey })),
        React.createElement("div", null,
            React.createElement("h3", null, "Brand"),
            React.createElement(ColorRamp_1.ColorRamp, { ramp: theme.light.global.palette.brand })),
        React.createElement("div", null,
            React.createElement("h3", null, "Contrast"),
            React.createElement(ColorRamp_1.ColorRamp, { ramp: {
                    hyperlink: theme.light.global.color.hyperlink,
                    disabled: theme.light.global.color.disabled,
                    selected: theme.light.global.color.selected,
                } })),
        React.createElement("div", null,
            React.createElement("h3", null, "Aliases"),
            React.createElement(ColorRamp_1.ColorRamp, { ramp: {
                    black: theme.light.global.color.black,
                    white: theme.light.global.color.white,
                } }))));
};
exports.GlobalColors = GlobalColors;
//# sourceMappingURL=GlobalColor.stories.js.map