import React from 'react';
import { Card, Avatar, Flex } from 'antd';
import { useSession } from 'next-auth/react';

const { Meta } = Card;


export default function ProfileCardComponent({ name, image }) {
  const { data: session } = useSession();
  // console.log(session);
  return (
    <div className='text-white'>
      <div className='flex justify-between'>
          <div>
            <div className='font-bold '>{session?.user?.name || '-'}</div>
            <div>{session?.nip || 'NIP'}</div>
          </div>
          <Avatar style={{ border: '2px solid #D98324' }} size={'large'} src={"/assets/profill.png"} />
      </div>
    </div>
  );
}