import React from 'react'
import { Wrapper } from './styled'
import { MinusVector, PlusVector } from './vectors'

const defaultRenderIconView = props => {
  const { type } = props

  return type === 'plus' ? (
    <PlusVector {...props} />
  ) : (
    <MinusVector {...props} />
  )
}

const defaultWrapper = (props, attributes, vector) => {
  return props.nowrap ? (
    <React.Fragment>{vector}</React.Fragment>
  ) : (
    <Wrapper {...attributes}>{vector}</Wrapper>
  )
}

export { defaultRenderIconView, defaultWrapper }