import { CSSProperties, ImgHTMLAttributes } from 'react'; export type ImageFit = 'contain' | 'scale-down' | 'cover' | 'tile' | 'fill' | 'none'; export interface ImageProps extends ImgHTMLAttributes { /** * Sets the border radius of the image box. */ borderRadius?: CSSProperties['borderRadius']; /** Applies a data-hook HTML attribute that can be used in the tests. */ dataHook?: string; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** * Specifies image fit mode inside a box. `tile` repeats the image, and the other values set the CSS `object-fit` property. * @default cover */ fit?: ImageFit; /** * Specifies source content position inside of an image box. Accepts any valid * CSS position value, for example `center` or `top left`. * @default center */ position?: string; /** * Specifies whether to display a border around an image. * @default false */ showBorder?: boolean; /** * Specifies whether background of Image is transparent. * @default false */ transparent?: boolean; /** * Specifies an alt text for an image. If not provided, it is set to empty and treated as decorative. * @default '' */ alt?: string; /** * Sets the width of the image box. * @default '100%' */ width?: string | number; /** * Sets the height of the image box. * @default undefined */ height?: string | number; /** Specifies an URL link to image source. If not provided, a default placeholder image is displayed. */ src?: string; } //# sourceMappingURL=Image.types.d.ts.map