---
export interface Props {
  text: string;
}

const { text } = Astro.props;
---

<p class="select-none relative text-4xl font-semibold text-foreground">
  <span class="absolute inset-0 opacity-0 blur-md motion-text bg-muted-foreground"></span>
  <span class="relative opacity-0 motion-text">{text}</span>
</p>