@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
24 lines • 1.15 kB
JavaScript
import * as tslib_1 from "tslib";
import * as React from 'react';
import { BaseComponent, classNamesFunction } from '../../Utilities';
var getClassNames = classNamesFunction();
var SeparatorBase = /** @class */ (function (_super) {
tslib_1.__extends(SeparatorBase, _super);
function SeparatorBase(props) {
return _super.call(this, props) || this;
}
SeparatorBase.prototype.render = function () {
var _a = this.props, text = _a.text, styles = _a.styles, theme = _a.theme, className = _a.className, vertical = _a.vertical, alignText = _a.alignText;
this._classNames = getClassNames(styles, {
theme: theme,
className: className,
alignText: alignText,
vertical: vertical
});
return (React.createElement("div", { className: this._classNames.root },
React.createElement("div", { className: this._classNames.text, role: "separator", "aria-orientation": vertical ? 'vertical' : 'horizontal' }, text)));
};
return SeparatorBase;
}(BaseComponent));
export { SeparatorBase };
//# sourceMappingURL=Separator.base.js.map