import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { RectangularIcon } from "../..";
import "./style.scss";
import { getFormatedDate } from "../../../utils";
const PersonViewEducationCard = ({ education }) => {
    return (_jsxs("div", { className: "personViewEducationCard--Generic", children: [_jsx("div", { className: "personViewEducationCard-EducationLogo-Container", children: _jsx(RectangularIcon, { iconPath: education.logo || "", altImageType: "education", iconSize: "48", placeholderSize: 40, educationName: education.schoolName || undefined }) }), _jsxs("span", { className: "personViewEducationCard-EducationDetails", children: [education?.schoolName && _jsx("h2", { children: education.schoolName }), (education?.degreeName || education?.fieldOfStudy) && (_jsx("h3", { children: [education?.degreeName, education?.fieldOfStudy]
                            .filter(Boolean)
                            .join(", ") })), !(education?.start === "NA" && education?.end === "NA") && (_jsx("p", { children: `${getFormatedDate(education?.start)} - ${getFormatedDate(education?.end)}` }))] })] }, education?.index));
};
export default PersonViewEducationCard;
