import React from 'react'
import { Empty } from 'atoms/Empty'
import { CopyrightSection, Logo, SeparatorElement, Text } from './styled'
import { CopyrightProps } from './typings'

function defaultRenderWrap(props: CopyrightProps) {
  const {
    className,
    renderClientInfo,
    renderSeparator,
    renderReservedText,
    ...remainingProps
  } = props
  return (
    <CopyrightSection className={className}>
      {renderClientInfo(remainingProps)}
      {renderSeparator(remainingProps)}
      {renderReservedText(remainingProps)}
    </CopyrightSection>
  )
}
function defaultRenderClientInfo(props: CopyrightProps) {
  const { copyrightLogo } = props
  return <Logo>{copyrightLogo}</Logo>
}
function defaultRenderSeparator(props: CopyrightProps) {
  return <SeparatorElement>|</SeparatorElement>
}
function defaultRenderReservedText(props: CopyrightProps) {
  const { copyrightText } = props
  return <Text>{copyrightText}</Text>
}

export {
  defaultRenderWrap,
  defaultRenderClientInfo,
  defaultRenderSeparator,
  defaultRenderReservedText,
}