"use client"

import { BlurFade } from "@/components/ui/blur-fade"

export function SectionWrapper({
  children,
  className,
  id,
}: {
  children: React.ReactNode
  className?: string
  id?: string
}) {
  return (
    <section id={id} className={className}>
      <BlurFade delay={0.15} inView inViewMargin="-50px">
        {children}
      </BlurFade>
    </section>
  )
}
