import ProductCard from "./ProductCard";
import "@styles/feed.css"


const Profile = ({name , desc, data, handleEdit, handleDelete}) => {
  return (
    <>
        <div className="profile-container">
            <h1>Profile</h1>
            <p>{desc} {name}</p>
            <div className="feed-layout">
                {data.map((post) => (
                    <>
                        <ProductCard
                            key={post[1]}
                            post={post}
                            handleClick={null}
                            handleEdit={() => handleEdit && handleEdit(post)}
                            handleDelete={() => handleDelete && handleDelete(post)}
                        />
                    </>
                ))}
            </div>
        </div>



    </>
  )
}

export default Profile