line-shadow-text

1import { LineShadowText } from "@/components/magicui/line-shadow-text";
2import { useTheme } from "next-themes";
3 
4export function LineShadowTextDemo() {
5  const theme = useTheme();
6  const shadowColor = theme.resolvedTheme === "dark" ? "white" : "black";
7  return (
8    <h1 className="text-balance text-5xl font-semibold leading-none tracking-tighter sm:text-6xl md:text-7xl lg:text-8xl">
9      Ship
10      <LineShadowText className="italic" shadowColor={shadowColor}>
11        Fast
12      </LineShadowText>
13    </h1>
14  );
15}