import React from 'react';
function BookmarkItem({ bookmark, onDelete }) {
	return (
		<div className="bookmark-item">
			<h3>{bookmark.title}</h3>
			<p>{bookmark.description}</p>
			<a href={bookmark.url} target="_blank"
				rel="noopener noreferrer">
				{bookmark.url}
			</a>
			<button className='delete'
				onClick={onDelete}>Delete</button>
		</div>
	);
}
export default BookmarkItem;