// "use client"

// import { useMounted } from "@/hooks/useMounted";
// import useResponsive from "@/hooks/useResponsive";
// import { LAYOUT_SETTING } from "@/lib/appConstant";
// import { useAppDispatch, useAppSelector } from "@/lib/redux/hooks";
// import { getBodySetting, getLayoutViewPage, getPageMargin } from "@/lib/redux/features/serviceAdmin";
// import { makeStyles } from 'tss-react/mui';
// import { getAllSort } from "@/lib/redux/features/sort";
// import { useEffect } from "react";
// import { useRouter } from "next/navigation";
// import { setSortOrder } from "@/lib/redux/features/content";
// import { getOpenSidebar, setShowBanner, setShowFooter, setShowHeader } from "@/lib/redux/features/layout";

// type PropsType = {
//   children: React.ReactNode;
// }
// export default function SubscriptionPageLayout(props: PropsType) {
//   const { children} = props;

  
//   const mounted = useMounted();
//   const router = useRouter();
//   const { below768, getBelow768 } = useResponsive();
//   const dispatch = useAppDispatch();

//   const isOpenSidebar = useAppSelector(getOpenSidebar);
//   const listSorts = useAppSelector(getAllSort);
//   const bodySetting = useAppSelector(getBodySetting);
//   const pageMargin = useAppSelector(getPageMargin);
//   const layoutViewPage = useAppSelector(getLayoutViewPage);
//   // const authInfo = useAppSelector(getAuthInfo);

//   const isMegreLayout = layoutViewPage === LAYOUT_SETTING.HOME_LAYOUT_AND_SEARCH_LAYOUT.id;
  

//   const useStyle = makeStyles()(() => {
//     const pathname = mounted ? window.location.pathname : '';
//     const isBelow768 = getBelow768();
    
//     return (
//       {
//         body: {
//           backgroundColor: `${bodySetting.backgroundColor}!important`,
//           display: isMegreLayout ? '' : pathname.includes('subscription') ? 'block' : 'flex',
//           flexDirection: 'row',
//           flex: '1 0 0px',
//           fontSize: isBelow768 ? '12px' : '16px',
//           '& em': {
//             // color: 'red'
//           }
//         },
//         contain: {
//           flex: '1 0 0px'
//         },
//         bodyLayout3: {
//           marginLeft: isBelow768 ? pathname.includes('profile') ? '10px' : '5px' : `${pageMargin.left}px`,
//           marginRight: isBelow768 ? pathname.includes('profile') ? '10px' : '5px' : `${pageMargin.right}px`
//         }
//       }
//     );
//   });

//   const { classes } = useStyle();

//   useEffect(() => {
//     dispatch(setShowBanner(false));
//     dispatch(setShowHeader(true));
//     dispatch(setShowFooter(true));
//   }, []);
//   useEffect(() => {
    
//     if (listSorts && listSorts.length > 0) {
//       const defaultSort = listSorts.find(item => item.isSortFieldDefault);
//       defaultSort && dispatch(setSortOrder({
//         sort: defaultSort.isAcsDefault,
//         sortField: defaultSort.field
//       }));
//     }
//   }, [listSorts]);
  

//   return (
//       <div role="main" className={`${classes.body} ${(!isOpenSidebar || below768) && ' body-full '}`}>
//         {
//           isMegreLayout
//           ? <div className={classes.body}>
//             {children}
//           </div>
//           : <>
//             {children}
//           </>
//         }
//       </div>
//   );
// }

export default function SubscriptionPageLayout(props: any) {
  return <>
    {props.children}
  </>
}