import {FunctionComponent} from 'react'
import {IBook} from '@/models/IBook.ts'
import {Icon} from '@iconify/react/dist/iconify.js'

const BookItem: FunctionComponent<IBook> = ({title, icon}) => {
  return (
    <div className="book">
      <div className="header">
        <Icon icon={icon} className="icon" />
        <div className="title">{title}</div>
      </div>

      <div className="content">
        View
        <>
          &nbsp;|&nbsp;
          <span className="link">Delete</span>
        </>
      </div>
    </div>
  )
}

export default BookItem
