import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import DynamicEducationCard from "../DynamicEducationCard";
import DynamicExperienceCardList from "../DynamicExperienceCard";
import "./style.scss";
const ProfileCardSecondSection = ({ initialExperienceShow = 3, initialEducationShow = 1, experiencesList, educationsList, onExpoerienceCompanyClick, dataCy, }) => {
    return (_jsx("div", { className: "profileDetailedCard--Generic", children: _jsxs("span", { className: "experenieceAndEducationSection", children: [_jsxs("span", { className: "profileDetailedCard-Experience", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Experience" }), experiencesList?.length === 0 || !experiencesList ? (_jsx("div", { children: "No experiences found" })) : (_jsx(DynamicExperienceCardList, { experiences: experiencesList, initialItemsToShow: initialExperienceShow, onCompanyClick: onExpoerienceCompanyClick, dataCy: `${dataCy}-experience` }))] }), _jsxs("span", { className: "profileDetailedCard-Education", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Education" }), educationsList?.length === 0 || !educationsList ? (_jsx("div", { children: "No record of education found" })) : (_jsx(DynamicEducationCard, { educations: educationsList, initialItemsToShow: initialEducationShow, dataCy: `${dataCy}-education` }))] })] }) }));
};
export default ProfileCardSecondSection;
