import * as React from 'react';
import { teamsLightTheme } from '@fluentui/react-theme';
export default {
    title: 'Fluent UI Theme/Global/Stroke Width',
};
var global = teamsLightTheme.global;
export 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" } }),
]; }))); };
//# sourceMappingURL=GlobalStrokeWidth.stories.js.map