import { Button } from '@mui/material'
import Chart from './chart'
import CommentUser from './commentUser'

function Comments({ doctor }) {
    return (
        <div className='mt-4'>
            <div>
                <p className="text-[#525252] text-[20px] font-bold">موقعیت مکانی </p>
            </div>
            <div className='mt-8 flex items-center justify-start'>
                <p className='text-[#616161] text-[16px] font-normal'>شما هم نظر خود را در مورد این پزشک به اشتراک بگذارید:</p>
                <Button
                    variant='outlined'
                    className='!py-2.5 !px-9 !mr-4 !rounded'
                >ثبت نظر</Button>
            </div>
            <Chart doctor={doctor} />
            <CommentUser doctor={doctor} />
        </div>
    )
}

export default Comments