Dual Wipe Reveal

import { DualWipeReveal } from '@/components/sora-ui/texts/dual-wipe-reveal';

export function Example() {
  return (
    <h2 className="text-4xl font-semibold tracking-tight">
      <DualWipeReveal
        accentColor="bg-emerald-500"
        wipeColor="bg-neutral-800"
      >
        Find it, copy it, ship it.
      </DualWipeReveal>
    </h2>
  );
}

<div className="flex flex-col gap-2">
  <DualWipeReveal delay={0}>Find it,</DualWipeReveal>
  <DualWipeReveal delay={0.15}>copy it,</DualWipeReveal>
  <DualWipeReveal delay={0.3}>ship it.</DualWipeReveal>
</div>

<DualWipeReveal direction="right">
  Revealed from right to left
</DualWipeReveal>

<DualWipeReveal direction="down">
  Swept from top to bottom
</DualWipeReveal>