packages/ui/text/title/title-1-medium.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import { cn } from "@lib/utils";
import { Root } from "@radix-ui/react-slot";

export function Title1Medium({
	className,
	asChild,
	...props
}: React.ComponentProps<"h1"> & { asChild?: boolean }) {
	const Comp = asChild ? Root : "h1";
	return (
		<Comp
			className={cn(
				"text-xl sm:text-2xl md:text-3xl lg:text-4xl font-medium leading-[70px] tracking-[-0.8px]",
				className,
			)}
			{...props}
		/>
	);
}