import * as React from 'react';
import { Link } from '@fluentui/react-link/lib/next';
import { Stack } from 'office-ui-fabric-react/lib/Stack';
import { Customizer } from '@uifabric/utilities';
var customStyles = { root: { background: 'lightblue' } };
var themedStyles = function (props) { return ({
    root: {
        background: props.theme.palette.greenLight,
    },
}); };
var scopedSettings = { Link: { styles: customStyles } };
export var LinkThemedExample = function () {
    return (React.createElement(Stack, null,
        React.createElement(Link, { href: "http://dev.microsoft.com/fluentui#/controls/web/link", styles: customStyles }, "Link styled via styles prop"),
        React.createElement(Link, { href: "http://dev.microsoft.com/fluentui#/controls/web/link", styles: themedStyles }, "Link styled via styles prop with theme value"),
        React.createElement(Customizer, { scopedSettings: scopedSettings },
            React.createElement(Link, { href: "http://dev.microsoft.com/fluentui#/controls/web/link" }, "Link styled via Customizer's scoped settings"))));
};
//# sourceMappingURL=Link.Themed.Example.js.map