function DotWithClick(props) {
	const { activeAxis, fill, index, onClick, ...rest } = props;
	const STATE = {
		DEFAULT_RADIUS: 2,
		DEFAULT_STROKE_WIDTH: 12,
		ACTIVE_RADIUS: 4,
		ACTIVE_STROKE_WIDTH: 8,
	};

	return (
		<RechartsDot
			{...rest}
			fill={fill}
			fillOpacity={1}
			onClick={params => onClick({ ...params, index })}
			r={activeAxis === index ? STATE.ACTIVE_RADIUS : STATE.DEFAULT_RADIUS}
			role="button"
			stroke={fill}
			strokeOpacity={0}
			strokeWidth={activeAxis === index ? STATE.ACTIVE_STROKE_WIDTH : STATE.DEFAULT_STROKE_WIDTH}
			tabIndex={0}
		/>
	);
}
/**
 * This function provides a clickable axis dot element
 * @param {Object} props the current props of the Radar
 */
This function provides a clickable axis dot element
@param {Object} props the current props of the Radar
This function provides a clickable axis dot element @param { Object } props the current props of the Radar
function DotWithClick(props) {
	const { activeAxis, fill, index, onClick, ...rest } = props;
	const STATE = {
		DEFAULT_RADIUS: 2,
		DEFAULT_STROKE_WIDTH: 12,
		ACTIVE_RADIUS: 4,
		ACTIVE_STROKE_WIDTH: 8,
	};
	return (
		<RechartsDot
			{...rest}
			fill={fill}
			fillOpacity={1}
			onClick={params => onClick({ ...params, index })}
			r={activeAxis === index ? STATE.ACTIVE_RADIUS : STATE.DEFAULT_RADIUS}
			role="button"
			stroke={fill}
			strokeOpacity={0}
			strokeWidth={activeAxis === index ? STATE.ACTIVE_STROKE_WIDTH : STATE.DEFAULT_STROKE_WIDTH}
			tabIndex={0}
		/>
	);
}
function DotWithClick ( props ) { const { activeAxis , fill , index , onClick , ... rest } = props ; const STATE = { DEFAULT_RADIUS : 2 , DEFAULT_STROKE_WIDTH : 12 , ACTIVE_RADIUS : 4 , ACTIVE_STROKE_WIDTH : 8 , } ; return ( < RechartsDot { ... rest } fill = { fill } fillOpacity = { 1 } onClick = { params => onClick ( { ... params , index } ) } r = { activeAxis === index ? STATE . ACTIVE_RADIUS : STATE . DEFAULT_RADIUS } role = "button" stroke = { fill } strokeOpacity = { 0 } strokeWidth = { activeAxis === index ? STATE . ACTIVE_STROKE_WIDTH : STATE . DEFAULT_STROKE_WIDTH } tabIndex = { 0 } / > ) ; }
This function provides a clickable axis dot element
 @param {Object} props the current props of the Radar
This function provides a clickable axis dot element @param { Object } props the current props of the Radar