import * as tslib_1 from "tslib";
import * as React from 'react';
import { observer } from 'xmobx/mobx-react';
import { favoritesContainer } from '@skava/packages/features/Lists/state';
import { StyledFavoritesCount, StyledFavoritesLink, StyledHeartIcon } from './styled';
let FavoriteIconWithCount = class FavoriteIconWithCount extends React.Component {
    render() {
        const favoritesCount = favoritesContainer.favoritesListItemsCount;
        const favoritesLink = '/favorites';
        return (React.createElement(StyledFavoritesLink, { href: favoritesLink },
            React.createElement(StyledFavoritesCount, null, favoritesCount > 0 ? favoritesCount : ''),
            React.createElement(StyledHeartIcon, { type: 'heart', isSelected: true, favoritesCount: favoritesCount })));
    }
};
FavoriteIconWithCount = tslib_1.__decorate([
    observer
], FavoriteIconWithCount);
export { FavoriteIconWithCount };
//# sourceMappingURL=FavoriteIconWithCount.js.map