"use client";

type HeroMotionBackdropProps = {
  compact?: boolean;
};

export function HeroMotionBackdrop({}: HeroMotionBackdropProps) {
  return (
    <div className="hero-sheet pointer-events-none absolute inset-0 overflow-hidden">
      <div className="hero-sheet-base" />
      <div className="hero-blob hero-blob-left" />
      <div className="hero-blob hero-blob-right" />
      <div className="hero-blob hero-blob-bottom" />
      <div className="hero-sheet-glow" />
      <div className="hero-sheet-wave" />
      <div className="hero-sheet-noise" />

      <div className="hero-sheet-veil" />
      <div className="hero-sheet-fade" />
    </div>
  );
}
