@sap-ux/ui-components
Version:
SAP UI Components Library
66 lines • 2.15 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.UISeparator = void 0;
const react_1 = __importDefault(require("react"));
const react_2 = require("@fluentui/react");
/**
* UISeparator component
* based on https://developer.microsoft.com/en-us/fluentui#/controls/web/separator
*
* @exports
* @class UISeparator
* @extends {React.Component<ISeparatorProps, {}>}
*/
class UISeparator extends react_1.default.Component {
/**
* Initializes component properties.
*
* @param {ISeparatorProps} props The props
*/
constructor(props) {
super(props);
}
/**
* Render the component.
*
* @returns {JSX.Element} return a rendered component
*/
render() {
const separatorStyles = (props) => ({
...{
root: [
{
height: '100%',
width: 1,
padding: '0 10px',
selectors: {
':before': {
backgroundColor: 'var(--vscode-editorWidget-border)',
top: 1,
bottom: 1
}
}
},
props.vertical && {
height: '100%',
width: 1,
padding: '0 10px',
selectors: {
':after': {
backgroundColor: 'var(--vscode-editorWidget-border)',
top: 1,
bottom: 1
}
}
}
]
}
});
return react_1.default.createElement(react_2.Separator, { ...this.props, styles: separatorStyles });
}
}
exports.UISeparator = UISeparator;
//# sourceMappingURL=UISeparator.js.map