import { jsx as _jsx } from "react/jsx-runtime";
import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
import { cs } from '../utils';
export const ImageBase = styled.imgBox `
  height: auto;
  object-fit: cover;
  width: 100%;
`;
/** Displays an image. Includes base styling. */
export const Image = vui((props, ref) => {
    const { alt, className, title, ...rest } = omitThemingProps(props);
    const styles = useStyleConfig('Image', props);
    return (_jsx(ImageBase, { alt: alt ? alt : title ? title : '', className: cs('vui-image', className), ref: ref, title: title, ...styles, ...rest }));
});
Image.displayName = 'Image';
export default Image;
//# sourceMappingURL=image.js.map