import { __assign } from "tslib";
import * as React from 'react';
import { Stack, Text } from '@fluentui/react';
import { Link } from '@fluentui/react-link';
var linksStackTokens = {
    childrenGap: 10,
};
var LinkExamples = function (props) { return (React.createElement(Stack, { tokens: linksStackTokens },
    React.createElement("div", null,
        React.createElement(Link, __assign({}, props), "Stand-alone link")),
    React.createElement("div", null,
        React.createElement(Link, __assign({}, props, { secondary: true }), "Standalone secondary link")),
    React.createElement("div", null,
        React.createElement(Link, __assign({}, props, { disabled: true }), "Stand-alone disabled link")),
    React.createElement("div", null,
        React.createElement(Link, __assign({}, props, { disabled: true, disabledFocusable: true }), "Stand-alone disabled focusable link")),
    React.createElement("div", null,
        "This is",
        ' ',
        React.createElement(Link, __assign({}, props, { inline: true }), "a link"),
        ' ',
        "used alongside other text content."),
    React.createElement("div", null,
        "This is",
        ' ',
        React.createElement(Link, __assign({}, props, { inline: true, secondary: true }), "a secondary link"),
        ' ',
        "used alongside other text content."),
    React.createElement("div", null,
        "This is",
        ' ',
        React.createElement(Link, __assign({}, props, { inline: true, disabled: true }), "a disabled link"),
        ' ',
        "used alongside other text content."),
    React.createElement("div", null,
        "This is",
        ' ',
        React.createElement(Link, __assign({}, props, { inline: true, disabled: true, disabledFocusable: true }), "a disabled focusable link"),
        ' ',
        "used alongside other text content."))); };
var examplesStackTokens = {
    childrenGap: 20,
};
export var Links = function () { return (React.createElement(Stack, { tokens: examplesStackTokens },
    React.createElement(Text, { variant: "xLarge" }, "Links with an href render as an anchor"),
    React.createElement(LinkExamples, { href: "https://www.bing.com" }),
    React.createElement(Text, { variant: "xLarge" }, "Links without an href render as a button"),
    React.createElement(LinkExamples, null))); };
//# sourceMappingURL=Link.stories.js.map