'use client'

import * as React from 'react'

interface FailedImageUrlState {
  hasImageFailed: boolean
  markImageFailed: () => void
}

export function useFailedImageUrl(imageUrl: string): FailedImageUrlState {
  const [failedImageUrl, setFailedImageUrl] = React.useState<string | null>(null)

  const markImageFailed = React.useCallback(() => {
    setFailedImageUrl(imageUrl)
  }, [imageUrl])

  return {
    hasImageFailed: failedImageUrl === imageUrl,
    markImageFailed
  }
}