import * as React from 'react';
import { FontIcon } from '@fluentui/react/lib/Icon';
import { mergeStyles } from '@fluentui/react/lib/Styling';
var iconClass = mergeStyles({
    fontSize: 50,
    height: 50,
    width: 50,
    margin: '0 25px',
});
export 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(FontIcon, { "aria-label": "Compass", iconName: "CompassNW", className: iconClass }),
        React.createElement(FontIcon, { "aria-label": "Dictionary", iconName: "Dictionary", className: iconClass }),
        React.createElement(FontIcon, { "aria-label": "Train", iconName: "TrainSolid", className: iconClass })));
};
//# sourceMappingURL=Icon.Basic.Example.js.map