TrailBeam (Scroll Beam)

import "@elizabthpazp/intera-ui/dist/globals.css";

import { TrailBeam } from "@elizabthpazp/intera-ui";

// Modo steps (data):
export function Steps() {
  return (
    <TrailBeam
      darkMode
      accent="from-violet-500 via-fuchsia-400 to-cyan-300"
      steps={[
        { title: "Descubre", content: "…" },
        { title: "Explora", content: "…" },
      ]}
    />
  );
}

// Modo children (contenido libre):
export function Free() {
  return (
    <TrailBeam darkMode cardClassName="bg-transparent">
      <div>Tu bloque 1</div>
      <div>Tu bloque 2</div>
    </TrailBeam>
  );
}