import getFileLink from '@filerobot/utils/lib/getFileLink';
import LinkHelper from '@filerobot/utils/lib/LinkHelper';
import getFormattedPreviewUrl from '@filerobot/utils/lib/getFormattedPreviewUrl';
import { TextWithHighlights } from '@filerobot/common';
import { useExplorer } from '../../../../hooks';
import VariantTopOptions from './VariantTopOptions';
import StyledVariants from './Variants.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var VariantItem = function VariantItem(_ref) {
  var isOriginal = _ref.isOriginal,
    isRemovedBackground = _ref.isRemovedBackground,
    searchQuery = _ref.searchQuery,
    isActive = _ref.isActive,
    variant = _ref.variant,
    onClick = _ref.onClick,
    deleteVariant = _ref.deleteVariant,
    editVariantImage = _ref.editVariantImage,
    editVariantName = _ref.editVariantName;
  var _useExplorer = useExplorer(),
    isDevEnv = _useExplorer.isDevEnv,
    container = _useExplorer.container,
    i18n = _useExplorer.i18n,
    floaty = _useExplorer.opts.floaty;
  var previewUrl = getFormattedPreviewUrl({
    url: getFileLink(variant),
    isDevEnv: isDevEnv,
    isHubMode: floaty,
    containerToken: container
  });
  var variantImgSrc = new LinkHelper({
    href: isRemovedBackground ? getFileLink(variant) : previewUrl || ''
  }).appendSearchParams({
    func: 'fit',
    h: 142
  });
  return /*#__PURE__*/_jsxs(StyledVariants.Item, {
    $isActive: isActive,
    onClick: onClick,
    children: [/*#__PURE__*/_jsx(VariantTopOptions, {
      variant: variant,
      deleteVariant: deleteVariant,
      editVariantImage: editVariantImage,
      editName: editVariantName,
      hideUpdateOperations: isOriginal || isRemovedBackground
    }), /*#__PURE__*/_jsx(StyledVariants.ItemImg, {
      children: /*#__PURE__*/_jsx("img", {
        src: decodeURIComponent(variantImgSrc),
        alt: variant.name,
        title: variant.name
      })
    }), /*#__PURE__*/_jsx(StyledVariants.ItemNameWrapper, {
      children: /*#__PURE__*/_jsxs(StyledVariants.ItemFooterWrapper, {
        children: [/*#__PURE__*/_jsx(StyledVariants.ItemName, {
          children: searchQuery ? /*#__PURE__*/_jsx(TextWithHighlights, {
            text: variant.name,
            hightlightText: searchQuery
          }) : variant.name
        }), (isOriginal || isRemovedBackground) && /*#__PURE__*/_jsx(StyledVariants.VariantBadge, {
          label: i18n(isRemovedBackground ? 'mutualizedRemovedBackgroundLabel' : 'mutualizedOriginalLabel'),
          variant: "filled",
          size: "sm",
          $isSecondaryColor: isRemovedBackground
        })]
      })
    })]
  });
};
export default VariantItem;