define(["require", "exports", "react", "@fluentui/react"], function (require, exports, React, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.LinkBasicExample = void 0;
    var LinkBasicExample = function () {
        return (React.createElement("div", null,
            React.createElement(react_1.Text, null,
                "When a link has an href,",
                ' ',
                React.createElement(react_1.Link, { href: "https://developer.microsoft.com/en-us/fluentui#/controls/web/link", underline: true }, "it renders as an anchor tag."),
                ' ',
                "Without an href,",
                ' ',
                React.createElement(react_1.Link, { onClick: handleClickOnLink, underline: true }, "the link is rendered as a button"),
                ". You can also use the disabled attribute to create a",
                ' ',
                React.createElement(react_1.Link, { disabled: true, href: "https://developer.microsoft.com/en-us/fluentui#/controls/web/link", underline: true }, "disabled link.")),
            React.createElement(react_1.Text, 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.")));
    };
    exports.LinkBasicExample = LinkBasicExample;
    function handleClickOnLink(ev) {
        window.alert('clicked on Link component which is rendered as html button');
    }
});
//# sourceMappingURL=Link.Basic.Example.js.map