import { EducationIcon, GroupIcon, SubscribedIcon } from '../../components/Icons';
import { ICurrentUser, ILibraryItem } from '../../models/library';
import { prefixes } from '../../utils/constants';

interface ItemIconsProps {
  user?: ICurrentUser
  item: ILibraryItem
}

function ItemIcons({ user, item }: ItemIconsProps) {
  return (
  <div
    className='inline-flex items-center justify-start gap-1 min-w-[2.75rem]'
    id={`${prefixes.library_list}${item.id}`}
  >
    {(user && user.subscriptions.includes(item.id)) ?
    <span title='Отслеживаемая'>
      <SubscribedIcon size={3} />
    </span> : null}
    {item.is_common ?
    <span title='Общедоступная'>
      <GroupIcon size={3}/>
    </span> : null}
    {item.is_canonical ?
    <span title='Неизменная'>
      <EducationIcon size={3}/>
    </span> : null}
  </div>);
}

export default ItemIcons;