import { gloss } from 'gloss'
import { HTMLProps } from 'react'

import { ViewProps } from './View/types'
import { View } from './View/View'

export type ImageProps = ViewProps & HTMLProps<HTMLImageElement>

export const Image = gloss<ImageProps>(View, {
  tagName: 'img',
  display: 'block',
})