import Icon from "../../Icon/Icon";
import Image from "../../Image/Image";
import IconProp from "../../../../Types/Icon/IconProp";
import React from "react";
const UserProfile = (props) => {
    return (React.createElement("div", { className: "d-inline-block dropdown" },
        React.createElement("button", { onClick: () => {
                props.onClick();
            }, id: "page-header-user-dropdown", "aria-haspopup": "true", className: "btn header-item bg-soft-light border-start border-end flex", "aria-expanded": "false", style: {
                alignItems: "center",
            } },
            React.createElement(Image, { className: "rounded-circle header-profile-user", imageUrl: props.userProfilePicture }),
            React.createElement("span", { className: "d-none d-xl-inline-block ms-2 me-1" }, props.userFullName.toString()),
            React.createElement(Icon, { icon: IconProp.ChevronDown }))));
};
export default UserProfile;
//# sourceMappingURL=UserProfile.js.map