import React, { FC, ReactNode } from 'react'

import { formatClassList } from '../../utils'

type PageTitleProps = {
  children: ReactNode
}

const PAGETITLE: string = `
  font-bold
  text-bscs-gray-800
  leading-tight
  text-lg
  md:text-2xl
  lg:text-3xl
`

const PageTitle: FC<PageTitleProps> = ({children}: PageTitleProps) => {
  const classList: string = formatClassList(PAGETITLE)
  
  return (
    <h1 className={classList}>{children}</h1>
  )
}

export default PageTitle