import { MarkLocation } from '../../types/mark.ts'
import styles from '../DrawPDFFields/style.module.scss'
import { inPx } from '../../utils/pdf.ts'

interface PdfMarkItemProps {
  markLocation: MarkLocation
}

const PdfMarkItem = ({ markLocation }: PdfMarkItemProps) => {
  return (
    <div
      className={styles.drawingRectangle}
      style={{
        left: inPx(markLocation.left),
        top: inPx(markLocation.top),
        width: inPx(markLocation.width),
        height: inPx(markLocation.height)
      }}
     />
  )
}

export default PdfMarkItem