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

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 }