
import { ImagePropsWithImgProps } from "../types/dist/index.js";
import * as _$react from "react";

//#region src/components/Image.d.ts
/**
 * Props for the Image component.
 * @see ImagePropsWithImgProps
 */
type ImageProps = ImagePropsWithImgProps;
/**
 * **📸 A component for displaying images**
 *
 * @description
 * Wrapper for the image element. In the future, may provide additional
 * functionality for handling fallbacks, dark mode, lazy loading, shimmers.
 *
 * @example
 * ```tsx
 * import { Image } from '@yahoo/uds';
 *
 * <Image src="/images/profile.png" width={580} height={334} />;
 * ```
 *
 * @usage
 * - Use the `Image` component to display images.
 * - Use `width` and `height` props to set the size of the image.
 * - Image extends the HTMLImageElement, as well as the uds `Box` component and supports all of their props.
 *
 * @see The {@link https://uds.build/docs/components/image Image Docs} for more info
 *
 * @related [Box](https://uds.build/docs/components/box)
 */
declare const Image: _$react.ForwardRefExoticComponent<ImagePropsWithImgProps & _$react.RefAttributes<HTMLImageElement>>;
//#endregion
export { Image, type ImageProps };