
import { ImagePropsWithImgProps } from "../types/dist/index.js";
import "../tokens/index.js";
import * as react_jsx_runtime0 from "react/jsx-runtime";

//#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 function Image({
  width: imageWidth,
  height: imageHeight,
  src,
  alt,
  contentFit,
  backgroundColor,
  borderRadius,
  borderTopStartRadius,
  borderTopEndRadius,
  borderBottomStartRadius,
  borderBottomEndRadius,
  borderColor,
  borderStartColor,
  borderEndColor,
  borderTopColor,
  borderBottomColor,
  borderWidth,
  borderVerticalWidth,
  borderHorizontalWidth,
  borderStartWidth,
  borderEndWidth,
  borderTopWidth,
  borderBottomWidth,
  alignContent,
  alignItems,
  alignSelf,
  flex,
  flexDirection,
  flexGrow,
  flexShrink,
  flexWrap,
  justifyContent,
  flexBasis,
  display,
  overflow,
  overflowX,
  overflowY,
  position,
  spacing,
  spacingHorizontal,
  spacingVertical,
  spacingBottom,
  spacingEnd,
  spacingStart,
  spacingTop,
  offset,
  offsetVertical,
  offsetHorizontal,
  offsetBottom,
  offsetEnd,
  offsetStart,
  offsetTop,
  columnGap,
  rowGap,
  ...props
}: ImageProps): react_jsx_runtime0.JSX.Element;
declare namespace Image {
  var displayName: string;
}
//#endregion
export { Image, type ImageProps };