define(["require", "exports", "react", "@fluentui/react-theme"], function (require, exports, React, react_theme_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.GlobalStrokeWidth = void 0;
    exports.default = {
        title: 'Fluent UI Theme/Global/Stroke Width',
    };
    var global = react_theme_1.teamsLightTheme.global;
    var GlobalStrokeWidth = function () { return (React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'auto 1fr', gap: '10px', alignItems: 'center' } }, Object.keys(global.strokeWidth).map(function (strokeWidth) { return [
        React.createElement("div", { key: strokeWidth }, strokeWidth),
        React.createElement("div", { key: strokeWidth + "-value", style: { borderBottom: global.strokeWidth[strokeWidth] + " solid black" } }),
    ]; }))); };
    exports.GlobalStrokeWidth = GlobalStrokeWidth;
});
//# sourceMappingURL=GlobalStrokeWidth.stories.js.map