define(["require", "exports", "react", "@fluentui/react/lib/Divider", "@fluentui/react/lib/Styling", "@fluentui/react/lib/Utilities"], function (require, exports, React, Divider_1, Styling_1, Utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.VerticalDividerBasicExample = void 0;
    var getExampleClassNames = Utilities_1.memoizeFunction(function () {
        var exampleHeight = 40;
        var theme = Styling_1.getTheme();
        return Styling_1.mergeStyleSets({
            wrapper: {
                height: 40,
                backgroundColor: theme.semanticColors.bodyStandoutBackground,
                color: theme.semanticColors.bodyText,
                padding: '0 10px',
            },
            text: {
                display: 'inline-block',
                padding: '0 8px',
                height: exampleHeight,
                lineHeight: exampleHeight,
                verticalAlign: 'top',
                margin: 'auto',
            },
        });
    });
    var VerticalDividerBasicExample = function () {
        var classNames = getExampleClassNames();
        return (React.createElement("div", { className: classNames.wrapper },
            React.createElement("p", { className: classNames.text }, "Some text before the divider. "),
            React.createElement(Divider_1.VerticalDivider, null),
            React.createElement("p", { className: classNames.text }, "Some text after the divider. ")));
    };
    exports.VerticalDividerBasicExample = VerticalDividerBasicExample;
});
//# sourceMappingURL=VerticalDivider.Basic.Example.js.map