define(["require", "exports", "react", "@fluentui/react-link/lib/next", "office-ui-fabric-react/lib/Stack", "@uifabric/utilities"], function (require, exports, React, next_1, Stack_1, utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var customStyles = { root: { background: 'lightblue' } };
    var themedStyles = function (props) { return ({
        root: {
            background: props.theme.palette.greenLight,
        },
    }); };
    var scopedSettings = { Link: { styles: customStyles } };
    exports.LinkThemedExample = function () {
        return (React.createElement(Stack_1.Stack, null,
            React.createElement(next_1.Link, { href: "http://dev.microsoft.com/fluentui#/controls/web/link", styles: customStyles }, "Link styled via styles prop"),
            React.createElement(next_1.Link, { href: "http://dev.microsoft.com/fluentui#/controls/web/link", styles: themedStyles }, "Link styled via styles prop with theme value"),
            React.createElement(utilities_1.Customizer, { scopedSettings: scopedSettings },
                React.createElement(next_1.Link, { href: "http://dev.microsoft.com/fluentui#/controls/web/link" }, "Link styled via Customizer's scoped settings"))));
    };
});
//# sourceMappingURL=Link.Themed.Example.js.map