import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { CheckboxComponent, PersonCompanyNameClickable, RectangularIcon, } from "..";
import "./styles.scss";
const TableNameCell = ({ index, isSelected, onCheckClick, onNameClick, name, iconPath, iconKey, altImageType = "profile", metaContent, dataCy, }) => {
    return (_jsxs("div", { className: "tableNameCell", "data-cy": dataCy, children: [_jsx("p", { children: index }), _jsx(CheckboxComponent, { sizeVariant: "xs", checked: isSelected, onClick: onCheckClick }), _jsx(RectangularIcon, { iconPath: iconPath, iconSize: "40", borderRadius: "6", altImageType: altImageType }, iconKey), _jsxs("span", { className: "nameContainer", children: [_jsx(PersonCompanyNameClickable, { text: name, onClick: onNameClick }), metaContent] })] }));
};
export default TableNameCell;
