You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

54 lines
1.4 KiB

import React from "react";
const ProfileInfo = ({ name, role }) => {
return (
<div className="flex flex-row items-center">
<img
src="images/ProfileInfoportrait-of-a-smiling-young-man-in-eyewear.svg"
className="rounded-full"
alt="profile-pic"
/>
<div className="mx-4">
<p className="text-[#0F0543] font-sansbold text-sm">{name}</p>
<span className="text-[#0F0543] text-xs">{role}</span>
</div>
{/* dropdown */}
<button
id="dropdownDefault"
data-dropdown-toggle="dropdown"
type="button"
>
<img
src="images/ProfileInfoarrow-down.svg"
className="cursor-pointer"
alt="arrow-down"
/>
</button>
<div
id="dropdown"
className="hidden z-10 w-44 bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700"
>
<ul
className="py-1 text-sm text-gray-700 dark:text-gray-200"
aria-labelledby="dropdownDefault"
>
<li>
<a
href="#"
className="block py-2 px-4 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
>
Dashboard
</a>
</li>
</ul>
</div>
</div>
);
};
export default ProfileInfo;
ProfileInfo.defaultProps = {
name: "سبحان قاسمی",
role: "خادم محترم",
};