import React from 'react'
import { wording } from '@skava/ui/dist/words'
import { SearchUser } from './Form/SearchUser'
import StatusDetailCard from './StatusDetailCard'
import { UserStatusProps } from './typings'
import { UserLabel } from './styled'

/* Search user form section */
function defaultRenderSearch(props: UserStatusProps) {
  return <SearchUser />
}

function defaultRenderStatusCard(props: UserStatusProps) {
  return <StatusDetailCard {...props} />
}

function defaultRenderTitle(props: UserStatusProps) {
  return <UserLabel>{wording.user}</UserLabel>
}

export {
  defaultRenderTitle,
  defaultRenderSearch,
  defaultRenderStatusCard,
}