import React from 'react';

import ImageWithFallback from '@/components/image/ImageWithFallback';

interface ReferenceImageProps {
  src?: string;
  alt?: string;
  fallbackSrc?: string;
}

export const ReferenceImage: React.FC<ReferenceImageProps> = ({
  src,
  alt = '',
  fallbackSrc,
}) => {
  return (
    <ImageWithFallback
      src={src}
      alt={alt}
      fallbackSrc={fallbackSrc}
      className='absolute top-0 right-0 bottom-0 left-0 h-8 w-8 rounded-md object-cover'
      style={{ margin: 0, padding: 0 }}
    />
  );
};