import { Button } from '@mui/material'
import Chart from './chart'
import Comment from '@/app/component/comment'

function Comments({ doctor }) {
    return (
        <div className='mt-4'>
            <a
                id="comments"
                className='absolute -translate-y-[148px] sm:-translate-y-[157px] md:-translate-y-[166px] lg:-translate-y-[176px]'
            ></a>
            <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} />
            <Comment data={doctor} />
        </div>
    )
}

export default Comments