import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks'
import Image from './'

<Meta title="Utilities/UI Convenience/Image" component={Image} />

# Image

The Image component is a very light-weight wrapper for the default HTML `<img>` selector.

<Canvas>
  <Story name="default">
    <Image
      src="https://img.buzzfeed.com/buzzfeed-static/static/2014-12/5/11/enhanced/webdr06/longform-original-7538-1417798667-22.jpg?downsize=715:*&output-format=auto&output-quality=auto"
      alt="Not now, Arctic Puffin!"
      title="Not now, Arctic Puffin!"
      width="300"
    />
  </Story>
</Canvas>

#### Reference

- **Engineering**: Juan Pablo
- **Usage**: Everywhere

<br />
<br />

### Props

<ArgsTable of={Image} />
