image.tsx 442 B

12345678910111213141516
  1. import { cn } from '@/lib/utils';
  2. import type { Experimental_GeneratedImage } from 'ai';
  3. export type ImageProps = Experimental_GeneratedImage & {
  4. className?: string;
  5. alt?: string;
  6. };
  7. export const Image = ({ base64, mediaType, ...props }: ImageProps) => (
  8. <img
  9. {...props}
  10. alt={props.alt}
  11. className={cn('h-auto max-w-full overflow-hidden rounded-md', props.className)}
  12. src={`data:${mediaType};base64,${base64}`}
  13. />
  14. );