import React from 'react'
import {  Rate } from 'antd';
import {NotePage as NotePageData} from '../../data.json'

const NotePage = () => {
  return (
    <div className='NotePage' id='note' >
        <h1> {NotePageData.title}  </h1>
        <p>
        {NotePageData.description}
        </p>
        <div>
            {Object.entries(NotePageData.Data).map((item,index:number)=>{
                return (
            <article key={index}>
                <div>
                    <p>
                    {item[1].description} 
                    </p>
                    <Rate value={item[1].rate} />
                </div>
                <span>
                    <img src={item[1].img} alt="" />
                    <h5> {item[1].name} </h5>
                </span>
            </article>

                )
            })}
        </div>
    </div>
  )
}

export default NotePage