"use strict";
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