"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.UIVerticalDivider = void 0;
const react_1 = __importDefault(require("react"));
const react_2 = require("@fluentui/react");
/**
 * UIVerticalDivider component
 * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/verticalDivider
 *
 * @exports
 * @class UIVerticalDivider
 * @extends {React.Component<IVerticalDividerProps, {}>}
 */
class UIVerticalDivider extends react_1.default.Component {
    /**
     * Initializes component properties.
     *
     * @param {IVerticalDividerProps} props
     */
    constructor(props) {
        super(props);
        this.setStyle = () => {
            return {
                wrapper: {},
                divider: {
                    backgroundColor: 'var(--vscode-editorWidget-border)'
                }
            };
        };
    }
    /**
     * @returns {JSX.Element}
     */
    render() {
        return react_1.default.createElement(react_2.VerticalDivider, { ...this.props, styles: this.setStyle() });
    }
}
exports.UIVerticalDivider = UIVerticalDivider;
//# sourceMappingURL=UIVerticalDivider.js.map