import { useSelector } from 'react-redux';
import { useExplorer } from '../../hooks';
import { selectActiveProduct } from '../../slices/products.slice';
import { generateProductDetails } from './Details.utils';
import ProductItem from './ProductItem';
import { jsx as _jsx } from "react/jsx-runtime";
var ProductDetails = function ProductDetails() {
  var _useExplorer = useExplorer(),
    config = _useExplorer.opts.config;
  var activeProduct = useSelector(selectActiveProduct);
  var numberFormatLocale = config.numberFormatLocale;
  if (!activeProduct) return null;
  var productsDetails = generateProductDetails(activeProduct, numberFormatLocale);
  return /*#__PURE__*/_jsx(ProductItem, {
    product: activeProduct,
    details: productsDetails
  });
};
export default ProductDetails;