/home/bdqbpbxa/demo-subdomains/ping-proxies.goodface.com.ua/src/pages/FAQ/FAQPageItems.jsx
import FAQItems from 'components/Sections/FAQ/FAQSection/FAQItems';
import { useAnimation } from 'hooks/useAnimation';
import { useRef } from 'react';
import { useSelector } from 'react-redux';
import { faqIsLoading } from 'store/slices/FAQSlice';
const FAQPageItems = ({ sections }) => {
const container = useRef();
const isLoading = useSelector(faqIsLoading)
useAnimation({
items: ['.faq-section-items'],
container,
dependencies: [isLoading],
})
return (
<div ref={container} className='faq-items'>
{sections && sections.map((item, index) => (
<div className='faq-page-items' key={index}>
<div className='body1'>{item.tag}</div>
<FAQItems questions={item.question} />
</div>
))
}
</div>
);
}
export default FAQPageItems;