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 H1 = ({ children, className, ...props }: ComponentProps<"h1">) => {
  return (
    <h1 {...props} className={clsx("text-4xl font-bold", className)}>
      {children}
    </h1>
  )
}

H1.displayName = "H1"
