import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { RectangularIcon } from "..";
import "./style.scss";
const CompanyProductsTab = ({ onNameClick, products, }) => {
    // console.log(products);
    return (_jsx("div", { className: "productsTabWrapper", children: products.map((product) => {
            return (_jsxs("div", { className: "productsTab", children: [_jsx("div", { className: "productsIcon", children: _jsx(RectangularIcon, { altImageType: "products", iconPath: product.imageUrl, iconSize: "48", placeholderPadding: 8 }) }), _jsxs("div", { className: "productsDetails", children: [_jsx("button", { onClick: () => onNameClick(product.productUrl), children: product.productType }), _jsx("span", { className: "productsLocation", children: product.productDetails })] })] }));
        }) }));
};
export default CompanyProductsTab;
