import { Button } from '@/components/ui/button'
import { Label } from '@/components/ui/label'
import React from 'react'

const BlockViewProfessionalInformation = () => {
    return (
        <div className='grid md:grid-cols-2 gap-5'>
            <div className='space-y-2'>
                <Label>Employee ID</Label>
                <p className='font-semibold'>David</p>
            </div>
            <div className='space-y-2'>
                <Label>User Name</Label>
                <p className='font-semibold'>Jordan</p>
            </div>
            <div className='space-y-2'>
                <Label>Employee Type</Label>
                <p className='font-semibold'>Enizam</p>
            </div>
            <div className='space-y-2'>
                <Label>Email</Label>
                <p className='font-semibold'></p>
            </div>
            <div className='space-y-2'>
                <Label>Department</Label>
                <p className='font-semibold'></p>
            </div>
            <div className='space-y-2'>
                <Label>Enter Designation</Label>
                <p className='font-semibold'></p>
            </div>
            <div className='space-y-2'>
                <Label>Working Days</Label>
                <p className='font-semibold'>Enizam</p>
            </div>
            <div className='space-y-2'>
                <Label>Joining Date</Label>
                <p className='font-semibold'></p>
            </div>
            <div className='md:col-span-2 space-y-2'>
                <Label>Office Location</Label>
                <p className='font-semibold'>California</p>
            </div>
        </div>
    )
}

export default BlockViewProfessionalInformation;