import clsx from "clsx"
import type { ComponentProps } from "react"

/**
 * @deprecated still being used in app, remove after refactor typography on app
 * Use {@link Text} component instead
 */
export const H2 = ({ children, className, ...props }: ComponentProps<"h2">) => {
  return (
    <h2 {...props} className={clsx("text-2xl font-bold", className)}>
      {children}
    </h2>
  )
}

H2.displayName = "H2"