import React from 'react'
import { createImageFilter } from './image-filter'
import { ViewProps } from 'react-native'

export default (shapes: { [key: string]: object }) => (
  Object.keys(shapes).reduce(
    (acc, name) => {
      const component = createImageFilter(
        name,
        shapes[name]
      ) as React.SFC<ViewProps & { config: object }> & { isImageFilter: boolean }
      component.displayName = name
      component.isImageFilter = true

      acc[name] = component

      return acc
    },
    {} as { [key: string]: React.SFC<ViewProps & { config: object }> }
  )
)