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

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

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