import React from 'react';
import { identity } from 'ramda';
import { SigmaGraphContainer } from '../SigmaGraphContainer';
import { DataModelCircleLayout } from './components/DataModelCircleLayout';
import { ZoomSlider } from '../ZoomSlider';
import { useStyles } from './styles';
var settings = {
    labelRenderedSizeThreshold: 11,
    zIndex: true
};
export var DataModelGraph = function (_a) {
    var graph = _a.graph, children = _a.children, selectedNode = _a.selectedNode, _b = _a.onNodeClick, onNodeClick = _b === void 0 ? identity : _b, selectedEdges = _a.selectedEdges, _c = _a.onEdgeLabelClick, onEdgeLabelClick = _c === void 0 ? identity : _c, hideInteractionTypes = _a.hideInteractionTypes;
    var styles = useStyles();
    return (React.createElement("div", { className: styles.wrapper },
        React.createElement("div", { className: styles.graph }, graph && (React.createElement(SigmaGraphContainer, { initialSettings: settings },
            React.createElement(React.Fragment, null,
                React.createElement(DataModelCircleLayout, { graph: graph, selectedNode: selectedNode, onNodeClick: onNodeClick, selectedEdges: selectedEdges, onEdgeLabelClick: onEdgeLabelClick, hideInteractionTypes: hideInteractionTypes }),
                React.createElement("div", { className: styles.rightBottomControls },
                    React.createElement(ZoomSlider, { className: styles.zoomSlider, min: 30, max: 300 })))))),
        children));
};
