import ProfileField from "./profilefield";

const ProfileTab = ({ userInfo }:any) => {
    return (
        <div className="bg-white rounded-2xl border border-gray-100 shadow-sm p-6">
            <h2 className="text-xl font-bold text-gray-800 mb-6 border-b border-gray-100 pb-4">
                اطلاعات شخصی
            </h2>

            <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
                <ProfileField label="نام و نام خانوادگی" value={userInfo.fullName} />
                <ProfileField label="شماره موبایل" value={userInfo.phone} />
                <ProfileField label="نام کاربری" value={userInfo.username} />
                <ProfileField label="نقش" value={userInfo.role} />
            </div>
        </div>
    );
};

export default ProfileTab;
