/* eslint-disable react/jsx-props-no-spreading */

import React, { forwardRef } from 'react';

import Box from '../Box';

const ImageComponent = forwardRef((props, ref) => (
  <Box
    ref={ref}
    as="img"
    {...props}
    __css={{
      maxWidth: '100%',
      height: 'auto',
    }}
  />
));

ImageComponent.displayName = 'Image';

export default ImageComponent;