# Image

The `Image` component is an image wrapper that requires the image to be imported before passing it to the `src` prop.

```javascript
import Logo from './images/logo.svg';

<Image
  src={ Logo }
  title='Gravity Logo'
  alt='Awsome logo'
/>
```

### Props

| Prop      | Description     | Required | value            |
| --------- | --------------- | -------- | ---------------- |
| alt       | alt description | required | string           |
| className | custom style    | optional | SCSS or Tailwind |
| src       | imported source | required | image            |
| title     | description     | required | string           |

### Notes

* The `src` prop should be an imported image source.
* The `alt` and `title` props provide alternative text and a description for the image, respectively.