react-plot/lib/components/Axis/LinearAxis.js

Library of React components to render SVG 2D plots.

import { jsx as _jsx } from "react/jsx-runtime";
import { memo, useRef } from 'react';
import { useLinearPrimaryTicks } from 'react-d3-utils';
import HorizontalAxis from './HorizontalAxis.js';
import VerticalAxis from './VerticalAxis.js';
function LinearAxis(props) {
    const { position, tickLabelFormat, scale, ...otherProps } = props;
    const axisRef = useRef(null);
    const direction = position === 'left' || position === 'right' ? 'vertical' : 'horizontal';
    const { ticks: primaryTicks } = useLinearPrimaryTicks(scale, direction, axisRef, {
        tickFormat: tickLabelFormat,
    });
    const AxisComponent = direction === 'vertical' ? VerticalAxis : HorizontalAxis;
    return (_jsx(AxisComponent, { scale: scale, axisRef: axisRef, primaryTicks: primaryTicks, position: position, ...otherProps }));
}
export default memo(LinearAxis);
//# sourceMappingURL=LinearAxis.js.map