import * as React from 'react';
import { translate as _t } from '@assets/js-shop/ShopUtils';

interface ICompareProductOpenProps {
   productsIds: number[];
   openCompare: () => void;
}

// Tlačítko na otevření detailu porovnání
export function CompareProductOpen(props: ICompareProductOpenProps) {
   // todo zatím není nikde použitý, je potřeba držet zpětnou kompatibilitu ??
   return <a onClick={props.openCompare} role="button" title={_t('compareTitle')} aria-label={_t('compareTitle')}>
      <span className={MODULES.COMPONENTS ? "icon" : "fc icons_compare"}>
         {MODULES.COMPONENTS && <i className="c-icon" dangerouslySetInnerHTML={{ __html: require('@assets/icons/compare.svg?raw')}}/>}
         {props.productsIds.length > 0 && <span className="count">{props.productsIds.length}</span>}
      </span>
   </a>;
}
