import React from 'react'
import { TimeProps } from './typings'
import { TimeElement, TimeWrapper } from './styled'

function defaultRenderTime(props: TimeProps) {
  const { dateTime, title } = props
  return <TimeElement dateTime={dateTime} title={title}>{dateTime}</TimeElement>
}

function defaultRenderWrapper(props: TimeProps) {
  const { className, children, nowrap } = props
  if (nowrap === true) {
    return <React.Fragment>{children}</React.Fragment>
  }
  else {
    return <TimeWrapper className={className}>{children}</TimeWrapper>
  }
}

export {
  defaultRenderTime,
  defaultRenderWrapper,
}