Image component to prevent dragging and user select

Image.jsx

import React from 'react'

const Image = ({
  width = 'auto',
  height = 'auto',
  src,
  ...rest
}) => (
  <div
    {...rest}
    style={{
      width,
      height,
      backgroundImage: `url(${src})`,
      backgroundSize: 'contain',
      backgroundRepeat: 'no-repeat',
      userSelect: 'none'
    }}
  >
    <img
      {...rest}
      draggable='false'
      style={{
        opacity: 0,
        userSelect: 'none',
        pointerEvents: 'none'
      }}
      width={width}
      height={height}
      src={src}
    />
  </div>
)

export default Image