define(["require", "exports", "react", "@fluentui/react/lib/Icon", "@fluentui/react/lib/Styling"], function (require, exports, React, Icon_1, Styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.IconBasicExample = void 0;
    var iconClass = Styling_1.mergeStyles({
        fontSize: 50,
        height: 50,
        width: 50,
        margin: '0 25px',
    });
    var IconBasicExample = function () {
        // FontIcon is an optimized variant of standard Icon.
        // You could also use the standard Icon here.
        // Provide an `aria-label` for screen reader users if the icon is not accompanied by text
        // that conveys the same meaning.
        return (React.createElement("div", null,
            React.createElement(Icon_1.FontIcon, { "aria-label": "Compass", iconName: "CompassNW", className: iconClass }),
            React.createElement(Icon_1.FontIcon, { "aria-label": "Dictionary", iconName: "Dictionary", className: iconClass }),
            React.createElement(Icon_1.FontIcon, { "aria-label": "Train", iconName: "TrainSolid", className: iconClass })));
    };
    exports.IconBasicExample = IconBasicExample;
});
//# sourceMappingURL=Icon.Basic.Example.js.map