define(["require", "exports", "tslib", "react", "@fluentui/react", "@fluentui/react-link"], function (require, exports, tslib_1, React, react_1, react_link_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.Links = void 0;
    var linksStackTokens = {
        childrenGap: 10,
    };
    var LinkExamples = function (props) { return (React.createElement(react_1.Stack, { tokens: linksStackTokens },
        React.createElement("div", null,
            React.createElement(react_link_1.Link, tslib_1.__assign({}, props), "Stand-alone link")),
        React.createElement("div", null,
            React.createElement(react_link_1.Link, tslib_1.__assign({}, props, { secondary: true }), "Standalone secondary link")),
        React.createElement("div", null,
            React.createElement(react_link_1.Link, tslib_1.__assign({}, props, { disabled: true }), "Stand-alone disabled link")),
        React.createElement("div", null,
            React.createElement(react_link_1.Link, tslib_1.__assign({}, props, { disabled: true, disabledFocusable: true }), "Stand-alone disabled focusable link")),
        React.createElement("div", null,
            "This is",
            ' ',
            React.createElement(react_link_1.Link, tslib_1.__assign({}, props, { inline: true }), "a link"),
            ' ',
            "used alongside other text content."),
        React.createElement("div", null,
            "This is",
            ' ',
            React.createElement(react_link_1.Link, tslib_1.__assign({}, props, { inline: true, secondary: true }), "a secondary link"),
            ' ',
            "used alongside other text content."),
        React.createElement("div", null,
            "This is",
            ' ',
            React.createElement(react_link_1.Link, tslib_1.__assign({}, props, { inline: true, disabled: true }), "a disabled link"),
            ' ',
            "used alongside other text content."),
        React.createElement("div", null,
            "This is",
            ' ',
            React.createElement(react_link_1.Link, tslib_1.__assign({}, props, { inline: true, disabled: true, disabledFocusable: true }), "a disabled focusable link"),
            ' ',
            "used alongside other text content."))); };
    var examplesStackTokens = {
        childrenGap: 20,
    };
    var Links = function () { return (React.createElement(react_1.Stack, { tokens: examplesStackTokens },
        React.createElement(react_1.Text, { variant: "xLarge" }, "Links with an href render as an anchor"),
        React.createElement(LinkExamples, { href: "https://www.bing.com" }),
        React.createElement(react_1.Text, { variant: "xLarge" }, "Links without an href render as a button"),
        React.createElement(LinkExamples, null))); };
    exports.Links = Links;
});
//# sourceMappingURL=Link.stories.js.map