import React from 'react'
import { CommonState } from 'src/state'
import { BlinkWrapper, BlinkElement } from './styled'
import { BlinkProps } from './typings'

function defaultRenderChildren(props: BlinkProps) {
  const { content } = props
  return <BlinkElement>{content}</BlinkElement>
}

function defaultRenderWrapper(props: BlinkProps, state: CommonState) {
  const { className, children } = props
  return (
    <BlinkWrapper className={className} shouldBlink={state.isVisible}>
      {children}
    </BlinkWrapper>
  )
}

export { defaultRenderWrapper, defaultRenderChildren }