define(["require", "exports", "react", "@fluentui/react-link"], function (require, exports, React, react_link_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.LinkBasicExample = function () {
        return (React.createElement("div", null,
            React.createElement("p", null,
                "When a link has an href,",
                ' ',
                React.createElement(react_link_1.Link, { href: "http://dev.microsoft.com/fluentui#/controls/web/link" }, "it renders as an anchor tag."),
                " Without an href, ",
                React.createElement(react_link_1.Link, null, "the link is rendered as a button"),
                ". You can also use the disabled attribute to create a",
                ' ',
                React.createElement(react_link_1.Link, { disabled: true, href: "http://dev.microsoft.com/fluentui#/controls/web/link" }, "disabled link.")),
            React.createElement("p", null, "It's not recommended to use Links with imgs because Links are meant to render textual inline content. Buttons are inline-block or in the case of imgs, block. However, it is possible to create a linked image button by making a button with an unstyled variant and adding the img content and href source to that.")));
    };
});
//# sourceMappingURL=Link.Basic.Example.js.map