Function Title

docs/app/ui/title.tsx:42–51

({ children, as, className, ...props }: TitleProps)

 * @returns A JSX element with consistent project-specific title styling.
 */
const Title = ({ children, as, className, ...props }: TitleProps) => {
	const Component = as
	const titleClasses = cn(ValidTitleElements[as], "text-[var(--color-text-normal)]", className)

	return (
		<Component {...props} className={titleClasses}>
			{children}
		</Component>
	)
}

export { Title }