import{u as t,j as i,m as e}from"./animations-a0c9H6Gi.js";import{c as a}from"./vendor-CZtH_kdS.js";import{u as s}from"./utils-D2rZEKS1.js";const n=a.memo(({title:n,subtitle:r,centered:l=!1,className:m="",animationDelay:o=0})=>{const d=t(),[x,c]=s({threshold:.1,triggerOnce:!0});a.useEffect(()=>{c&&d.start("visible")},[d,c]);const h=`mb-12 md:mb-16 ${l?"text-center":""} ${m}`,b={hidden:{opacity:0,y:30},visible:{opacity:1,y:0,transition:{duration:.8,ease:[.16,1,.3,1]}}};return i.jsxs("div",{ref:x,className:h,children:[i.jsx(e.h2,{initial:"hidden",animate:d,variants:b,className:"text-3xl sm:text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-4 leading-tight",children:n}),r&&i.jsx(e.p,{initial:"hidden",animate:d,variants:{...b,visible:{...b.visible,transition:{...b.visible.transition,delay:.15+o}}},className:"text-lg md:text-xl text-gray-600 dark:text-gray-300 "+(l?"mx-auto":""),style:{maxWidth:l?"min(100%, 65ch)":void 0},children:r})]})});export{n as S};
