import {type FunctionComponent} from 'react'
import type {IArtifact} from '@/models/IArtifact.ts'
import {AnvilIcon, MapPinIcon, TrashIcon} from 'lucide-react'

const Artifact: FunctionComponent<IArtifact> = () => {
  return (
    <div className="artifact">
      <img src="/artifacts/assyrian-stone-relief-lion-hunt.jpg" alt="Assyrian Stone Relief" />

      <div className="status">On Display</div>

      <div className="metadata">
        <div className="header">
          <div>
            <h3>Assyrian Stone Relief</h3>
            <p>Neo-Assyrian Empire</p>
          </div>
          <button>
            <TrashIcon />
          </button>
        </div>
        <p>Een dramatisch kalkstenen reliëf dat de macht en kunde van Assyrische koningen toont.</p>
        <div className="footer">
          <div>
            <MapPinIcon /> Nimrud, Iraq
          </div>
          <div>
            <AnvilIcon /> Limestone
          </div>
        </div>
      </div>
    </div>
  )
}

export default Artifact
