// import BasePage from '@/components/BasePage/BasePage'
// import { useState } from 'react';
// import CustomTheme from '../CustomTheme/CustomTheme';
// // import NewLetter from '../NewLetter/NewLetter';
// import GeneralSetting from '../GeneralSetting/GeneralSetting';
// import Package from '../Package/Package';
// import Discounts from '../Discounts/Discounts';

// export const PageHome = () => {

//   const [header, setHeader] = useState('General Setting');
//   se
//   switch (header) {
//     case 'General Setting':
//       return (
//         <BasePage
//           // header={header}
//           // setHeader={setHeader}
//           main={
//             <>
//               <GeneralSetting />
//             </>
//           }
//         ></BasePage>
//       );
//     case 'Custom Theme':
//       return (
//         <BasePage
//           // header={header}
//           // setHeader={setHeader}
//           main={
//             <>
//               <CustomTheme />
//             </>
//           }
//         ></BasePage>
//       );
//     case 'Packages':
//       return (
//         <BasePage
//           // header={header}
//           // setHeader={setHeader}
//           main={
//             <>
//               <Package />
//             </>
//           }
//         ></BasePage>
//       );
//     case 'Discounts':
//       return (
//         <BasePage
//           // header={header}
//           // setHeader={setHeader}
//           main={
//             <>
//               <Discounts />
//             </>
//           }
//         ></BasePage>
//       );
//     // case 'News Letter':
//     //   return (
//     //     <BasePage
//     //       header={header}
//     //       setHeader={setHeader}
//     //       main={
//     //         <>
//     //           <NewLetter />
//     //         </>
//     //       }
//     //     ></BasePage>
//     //   );
//     default:
//       break;
//   }
// }

// export default PageHome
