@reusable-ui/nav/dist/NavPrevItem.js

A navigation component to navigate between pages.

// react:
import { 
// react:
default as React, } from 'react';
// reusable-ui core:
import { 
// react helper hooks:
useMergeRefs, useIsRtl, } from '@reusable-ui/core'; // a set of reusable-ui packages which are responsible for building any component
// reusable-ui components:
import { 
// react components:
Icon, } from '@reusable-ui/icon'; // an icon component
// internals:
import { NavActionItem, } from './NavActionItem.js';
// react components:
export const NavPrevItem = (props) => {
    // cultures:
    const [isRtl, setButtonElmRef] = useIsRtl();
    // refs:
    const mergedElmRef = useMergeRefs(
    // preserves the original `elmRef`:
    props.elmRef, setButtonElmRef);
    // jsx:
    return (React.createElement(NavActionItem, { ...props, 
        // refs:
        elmRef: mergedElmRef, 
        // accessibilities:
        label: props.label ?? 'Previous' }, props.children
        ??
            React.createElement(Icon
            // appearances:
            , { 
                // appearances:
                icon: isRtl ? 'navright' : 'navleft', 
                // variants:
                size: '1em' })));
};