Compass/web/components/widgets/title.tsx

import clsx from 'clsx'
import {ReactNode} from 'react'

export function Title(props: {className?: string; children?: ReactNode}) {
  const {className, children} = props
  return (
    <h1 className={clsx('mb-4 inline-block text-2xl sm:mb-6 sm:text-3xl', className)}>
      {children}
    </h1>
  )
}