import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useAppSelector } from 'src/app/redux/store';
import { getDoctorTypeText } from 'src/lib/common/helpers';
import css from './DSODoctorProfile.module.scss';
import { _cx } from 'src/utility/class';
var cx = _cx(css);
export default function Profile(_a) {
    var index = _a.index, selectedIndex = _a.selectedIndex, name = _a.name, imgUrl = _a.imgUrl, isMobile = _a.isMobile, onClick = _a.onClick, info = _a.info;
    var doctorProfileImage = useAppSelector(function (state) { return state.config.config; }).doctorProfileImage;
    return (_jsxs("div", { className: cx('profile-box', { isMobile: isMobile }), onClick: function () { return onClick(index); }, children: [_jsx("div", { className: cx('profile-pic'), style: { backgroundImage: "url(".concat(imgUrl || doctorProfileImage, ")") } }), _jsx("span", { className: cx('doc-name'), children: name }), _jsx("span", { className: cx('doc-type'), children: getDoctorTypeText(info.doctor_type) })] }));
}
