import { Divider } from '../../@layout';
import type { SidebarItemProps } from './types';
import { trimSpaces } from '../../../utils';

export const SidebarItemSeparator = (props: SidebarItemProps) => {
  const { name, styles } = props;

  return (
    <li
      key={name}
      className={styles.listItemSeparator}
      data-testid={`separator-${trimSpaces(name)}`}
    >
      <Divider />
    </li>
  );
};
