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