// import { PrivacyPolicyData, TermsAndConditionsData, RefundPolicyData } from './mockData';
// import ColumnWrapper from 'Layout/ColumWraper';
// import ResourceContent from './ResourceContent';
// import React, { useState, useEffect } from 'react';
// import { Link, useLocation } from 'react-router-dom';
// import './styles.scss';
// import HeroCrumbs from 'components/Sections/Hero/HeroCrumbs';
// import ROUTES from 'constants/routes';

// const Resourses = () => {
//     const [selectedTab, setSelectedTab] = useState('PrivacyPolicyData');
//     const location = useLocation();

//     useEffect(() => {
//         const pathSegments = location.pathname.split('/');
//         const lastPathSegment = pathSegments[pathSegments.length - 1];

//         switch (lastPathSegment) {
//             case 'privacy-policy':
//                 setSelectedTab('PrivacyPolicyData');
//                 break;
//             case 'terms-and-conditions':
//                 setSelectedTab('TermsAndConditionsData');
//                 break;
//             case 'refund-policy':
//                 setSelectedTab('RefundPolicyData');
//                 break;
//             default:
//                 setSelectedTab('PrivacyPolicyData');
//         }
//     }, [location.pathname]);

//     const handleTabClick = tab => {
//         setSelectedTab(tab);
//     };

//     const renderData = () => {
//         switch (selectedTab) {
//             case 'PrivacyPolicyData':
//                 return PrivacyPolicyData;
//             case 'TermsAndConditionsData':
//                 return TermsAndConditionsData;
//             case 'RefundPolicyData':
//                 return RefundPolicyData;
//             default:
//                 return PrivacyPolicyData;
//         }
//     };

//     const data = renderData();

//     return (
//         <>
//             <section className="inner-container resources-title">
//                 <HeroCrumbs page={data.title} />
//                 <h2>{data.title}</h2>
//             </section>
//             <section>{/* Додайте будь-який додатковий контент або компоненти, які вам потрібні */}</section>
//             <ColumnWrapper
//                 SideText={
//                     <div className="resources-tabs">
//                         <Link
//                             to={`${ROUTES.resourses}/privacy-policy`}
//                             className={`resources-tabs-item ${selectedTab === 'PrivacyPolicyData' ? 'active' : ''}`}
//                             onClick={() => handleTabClick('PrivacyPolicyData')}
//                         >
//                             Privacy Policy
//                             <div className="resources-tabs-item__dot"></div>
//                         </Link>
//                         <Link
//                             to={`${ROUTES.resourses}/terms-and-conditions`}
//                             className={`resources-tabs-item ${
//                                 selectedTab === 'TermsAndConditionsData' ? 'active' : ''
//                             }`}
//                             onClick={() => handleTabClick('TermsAndConditionsData')}
//                         >
//                             Terms and Conditions
//                             <div className="resources-tabs-item__dot"></div>
//                         </Link>
//                         <Link
//                             to={`${ROUTES.resourses}/refund-policy`}
//                             className={`resources-tabs-item ${selectedTab === 'RefundPolicyData' ? 'active' : ''}`}
//                             onClick={() => handleTabClick('RefundPolicyData')}
//                         >
//                             Refund Policy
//                             <div className="resources-tabs-item__dot"></div>
//                         </Link>
//                     </div>
//                 }
//                 children={<ResourceContent content={data.content} lastUpdate={data.lastUpdate} />}
//             />
//         </>
//     );
// };

// export default Resourses;

• [D] ResourceContent
• [D] ResoursesTabs
• [F] index.jsx
  Delete
• [F] mockData.js
  Delete
• [F] styles.scss
  Delete