"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Connector = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const ConnectorRender = styled_components_1.default.div `
    position: absolute;

    ${(props) => props.direction === "left"
    ? `
                left: 0;
                top: 20px;
            `
    : props.direction === "right"
        ? `
                right: 0;
                top: 20px;

            `
        : props.direction === "top"
            ? `
                top: 0;
                left: 20px;
            `
            : `
                bottom: 0;
                left: 20px;
            `}
`;
const Connector = ({ nodeid }) => {
    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ["left", "right", "bottom", "top"].map((direction) => {
            return ((0, jsx_runtime_1.jsx)(ConnectorRender, { direction: direction, id: `${nodeid}-${direction}` }, direction));
        }) }));
};
exports.Connector = Connector;
//# sourceMappingURL=Connector.js.map