Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | 1x 1x 1x 1x 1x 1x 1x 1x 9x 9x 9x 9x 9x 9x 9x 9x 9x 9x 9x | import { ProfileImage } from '@/components/shared';
import { User } from '@/types/service/user';
interface Props {
user: User;
}
export const ProfileCard = ({ user }: Props) => {
const { profileImage, nickName, profileMessage } = user;
return (
<div className='flex-col-center mb-6'>
<div className='mb-3'>
<ProfileImage size='xl' src={profileImage} />
</div>
<h1 className='text-text-xl-bold text-gray-900'>{nickName}</h1>
<p className='text-text-sm-medium text-gray-600'>{profileMessage}</p>
</div>
);
};
|