| 1 | import React, { useCallback, useState } from 'react';
|
| 2 | import JSONArrow from './JSONArrow.js';
|
| 3 | export default function ItemRange(props) {
|
| 4 | const { styling, from, to, renderChildNodes, nodeType } = props;
|
| 5 | const [expanded, setExpanded] = useState(false);
|
| 6 | const handleClick = useCallback(() => {
|
| 7 | setExpanded(!expanded);
|
| 8 | }, [expanded]);
|
| 9 | return expanded ? (React.createElement("div", { ...styling('itemRange', expanded) }, renderChildNodes(props, from, to))) : (React.createElement("div", { ...styling('itemRange', expanded), onClick: handleClick },
|
| 10 | React.createElement(JSONArrow, { nodeType: nodeType, styling: styling, expanded: false, onClick: handleClick, arrowStyle: "double" }),
|
| 11 | `${from} ... ${to}`));
|
| 12 | }
|