/**
 * ANNOTATED COPY — every line explained
 * Source: src/components/ui/AppImage.tsx
 * NOT used by the app — read this to learn how the real file works
 */
// Next.js Image — optimized images (lazy load, WebP/AVIF)
import Image, { ImageProps } from 'next/image';
// Import project module (@/ alias = src/ folder in tsconfig)
import { IMAGE_QUALITY } from '@/lib/images';
// (blank line — separates logical blocks for readability)
// TypeScript type alias — union or shorthand for complex types
type AppImageProps = ImageProps & {
  // Line 5: quality?: number;
  quality?: number;
// Closing brace — end of block (function, if, object, JSX)
};
// (blank line — separates logical blocks for readability)
// Block comment — documents the file or function below
/** Site-wide Image wrapper with consistent high quality defaults */
// Default export — main component/page Next.js or other files import
export default function AppImage({ quality = IMAGE_QUALITY, ...props }: AppImageProps) {
  // Return value from function
  return <Image quality={quality} {...props} />;
// Closing brace — end of block (function, if, object, JSX)
}
