import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useMemo } from 'react';
import { useAppSelector } from 'src/app/redux/store';
import DetailWithModal from 'src/components/Modal/DetailModal/DetailWithModal';
import css from '../ProfilePage.module.scss';
import { _cx } from 'src/utility/class';
var cx = _cx(css);
export default function MainDetails(_a) {
    var t = _a.t, data = _a.data;
    var features = useAppSelector(function (state) { return state.config.config; }).features;
    var showLendCare = useMemo(function () { return !!(features === null || features === void 0 ? void 0 : features.showLendCare); }, [features]);
    var teen = data.teen;
    var itero = data.itero;
    var is_vivera = data.is_vivera;
    var is_invisalign_first = data.is_invisalign_first;
    var is_mandibular = data.is_mandibular;
    var is_lendcare = data.is_lendcare;
    var is_whitening_provider = data.is_whitening_provider;
    var is_ipe = data.is_ipe;
    return (_jsxs("ul", { className: cx('details-list'), children: [_jsx("li", { children: teen ? t.doctor_treats_adults_teens : t.doctor_treats_adults }), showLendCare && is_lendcare && (_jsx("li", { children: _jsx(DetailWithModal, { label: t.result_lend_care_doc, modalId: "lendCare" }) })), itero && (_jsx("li", { children: _jsx(DetailWithModal, { label: t.doctor_offers_itero, modalId: "itero" }) })), is_vivera && (_jsx("li", { children: _jsx(DetailWithModal, { label: t.doctor_vivera, modalId: "vivera" }) })), is_invisalign_first && (_jsx("li", { children: _jsx(DetailWithModal, { label: t.doctor_inv_first, modalId: "invisalignFirst" }) })), is_mandibular && (_jsx("li", { children: _jsx(DetailWithModal, { label: t.doctor_mandibular, modalId: "mandibular" }) })), is_whitening_provider && (_jsx("li", { children: _jsx(DetailWithModal, { label: t.result_whitening_doc, modalId: "whitening" }) })), is_ipe && (_jsx("li", { children: _jsx(DetailWithModal, { label: t.invisalign_palatal_expanders, modalId: "palatal_expanders" }) }))] }));
}
