import * as React from 'react';
import { MessageBarButton } from 'office-ui-fabric-react/lib/Button';
import { Link } from 'office-ui-fabric-react/lib/Link';
import { Label } from 'office-ui-fabric-react/lib/Label';
import { Stack, StackItem } from 'office-ui-fabric-react/lib/Stack';
import { MessageBar, MessageBarType } from 'office-ui-fabric-react/lib/MessageBar';
var log = function (text) { return function () { return console.log(text); }; };
export var MessageBarBasicExample = function () { return (React.createElement(Stack, { tokens: { childrenGap: 20 } },
    React.createElement(StackItem, null,
        React.createElement(Label, null, "Info/Default MessageBar"),
        React.createElement(MessageBar, null,
            "Info lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit.",
            ' ',
            React.createElement(Link, { href: "www.bing.com", target: "_blank" }, "Visit our website."))),
    React.createElement(StackItem, null,
        React.createElement(Label, null, "Error MessageBar - single line, with dismiss button"),
        React.createElement(MessageBar, { messageBarType: MessageBarType.error, isMultiline: false, onDismiss: log('test'), dismissButtonAriaLabel: "Close" },
            "Error lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit.",
            ' ',
            React.createElement(Link, { href: "www.bing.com", target: "_blank" }, "Visit our website."))),
    React.createElement(StackItem, null,
        React.createElement(Label, null, "Blocked MessageBar - single line, with dismiss button and truncated text. Truncation is not available if you use action buttons or multiline and should be used sparingly."),
        React.createElement(MessageBar, { messageBarType: MessageBarType.blocked, isMultiline: false, onDismiss: log('test'), dismissButtonAriaLabel: "Close", truncated: true, overflowButtonAriaLabel: "See more" },
            "Blocked lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus, purus a lobortis tristique, odio augue pharetra metus, ac placerat nunc mi nec dui. Vestibulum aliquam et nunc semper scelerisque. Curabitur vitae orci nec quam condimentum porttitor et sed lacus. Vivamus ac efficitur leo. Cras faucibus mauris libero, ac placerat erat euismod et. Donec pulvinar commodo odio sit amet faucibus. In hac habitasse platea dictumst. Duis eu ante commodo, condimentum nibh pellentesque, laoreet enim. Fusce massa lorem, ultrices eu mi a, fermentum suscipit magna. Integer porta purus pulvinar, hendrerit felis eget, condimentum mauris.",
            React.createElement(Link, { href: "www.bing.com", target: "_blank" }, "Visit our website."))),
    React.createElement(StackItem, null,
        React.createElement(Label, null, "SevereWarning MessageBar - defaults to multiline, with action buttons"),
        React.createElement(MessageBar, { messageBarType: MessageBarType.severeWarning, actions: React.createElement("div", null,
                React.createElement(MessageBarButton, null, "Yes"),
                React.createElement(MessageBarButton, null, "No")) },
            "Severe warning lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit.",
            ' ',
            React.createElement(Link, { href: "www.bing.com", target: "_blank" }, "Visit our website."))),
    React.createElement(StackItem, null,
        React.createElement(Label, null, "Success MessageBar - single line, with action buttons"),
        React.createElement(MessageBar, { actions: React.createElement("div", null,
                React.createElement(MessageBarButton, null, "Yes"),
                React.createElement(MessageBarButton, null, "No")), messageBarType: MessageBarType.success, isMultiline: false },
            "Success lorem ipsum dolor sit amet.",
            ' ',
            React.createElement(Link, { href: "www.bing.com", target: "_blank" }, "Visit our website."))),
    React.createElement(StackItem, null,
        React.createElement(Label, null, "Warning MessageBar - single line, with dismiss and action buttons"),
        React.createElement(MessageBar, { messageBarType: MessageBarType.warning, isMultiline: false, onDismiss: log('test'), dismissButtonAriaLabel: "Close", actions: React.createElement("div", null,
                React.createElement(MessageBarButton, null, "Action")) },
            "Warning lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit.",
            ' ',
            React.createElement(Link, { href: "www.bing.com", target: "_blank" }, "Visit our website."))),
    React.createElement(StackItem, null,
        React.createElement(Label, null, "Warning MessageBar - defaults to multiline, with dismiss and action buttons"),
        React.createElement(MessageBar, { onDismiss: log('test'), dismissButtonAriaLabel: "Close", messageBarType: MessageBarType.warning, ariaLabel: "Aria help text here", actions: React.createElement("div", null,
                React.createElement(MessageBarButton, null, "Yes"),
                React.createElement(MessageBarButton, null, "No")) },
            "Warning lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus, purus a lobortis tristique, odio augue pharetra metus, ac placerat nunc mi nec dui. Vestibulum aliquam et nunc semper scelerisque. Curabitur vitae orci nec quam condimentum porttitor et sed lacus. Vivamus ac efficitur leo. Cras faucibus mauris libero, ac placerat erat euismod et. Donec pulvinar commodo odio sit amet faucibus. In hac habitasse platea dictumst. Duis eu ante commodo, condimentum nibh pellentesque, laoreet enim. Fusce massa lorem, ultrices eu mi a, fermentum suscipit magna. Integer porta purus pulvinar, hendrerit felis eget, condimentum mauris.",
            React.createElement(Link, { href: "www.bing.com", target: "_blank" }, "Visit our website."))),
    React.createElement(StackItem, null,
        React.createElement(Label, null, "Warning MessageBar - single line, with dismiss, action buttons, and custom icons"),
        React.createElement(MessageBar, { messageBarType: MessageBarType.warning, isMultiline: false, onDismiss: log('test'), dismissButtonAriaLabel: "Close", actions: React.createElement("div", null,
                React.createElement(MessageBarButton, null, "Action")), dismissIconProps: { iconName: 'AddFriend' }, messageBarIconProps: { iconName: 'Search' } },
            "Warning lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit.",
            ' ',
            React.createElement(Link, { href: "www.bing.com", target: "_blank" }, "Visit our website."))))); };
//# sourceMappingURL=MessageBar.Basic.Example.js.map