import React from 'react';
import { Utils } from '../../../utils/util';

export type NJSidebarSpacerProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;

export const NJSidebarSpacer = React.forwardRef<HTMLDivElement, NJSidebarSpacerProps>(
  (props, forwardedRef) => {
    const { className, ...htmlProps } = props;

    const classes = Utils.classNames('nj-sidebar__spacer', className);

    return <div ref={forwardedRef} {...htmlProps} className={classes} />;
  }
);

NJSidebarSpacer.displayName = 'NJSidebarSpacer';