next-app-boilerplate/templates/Component/Component.tsx.hbs

import classNames from 'classnames'

import styles from './{{ properCase name }}.module.scss'

interface {{ properCase name }}Props {
  className?: string
  children?: string
}

export const {{ properCase name }}: React.FC<{{ properCase name }}Props> = ({
  className,
  children
}) => {
  return (
    <div className={classNames(className, styles.container)}>{children}</div>
  )
}