import { useEffect } from 'react';
import PropTypes from 'prop-types';
import Head from 'next/head';
// components
import DashboardLayout from './dashboard';
import LogoOnlyLayout from './LogoOnlyLayout';
import MainLayout from './main';
import AuthGuard from '../guards/AuthGuard';
import { Box, Stack, Typography,Card,Button } from '@mui/material';
//redux
import { useDispatch, useSelector} from '../redux/store';
import { getSettingService } from '../redux/slices/service';
import Iconify from '../components/Iconify';
import { NextScript } from 'next/document';
// ----------------------------------------------------------------------
Layout.propTypes = {
children: PropTypes.node.isRequired,
variant: PropTypes.oneOf(['dashboard', 'main', 'logoOnly','print']),
};
export default function Layout({ variant = 'dashboard', children }) {
const dispatch = useDispatch();
const { setting } = useSelector((state) => state.service);
const { store, error,isLoading } = useSelector((state) => state.toko_anda);
useEffect(() => {
dispatch(getSettingService({
setting:1
}));
},[dispatch]);
if (variant === 'logoOnly') {
return (
<>
{children}
)
}
if(variant === 'main') {
return (
<>
{store?.detail?.data?.detail?.facebook_pixel ?
')[1].replace('',''),
}}/> : ''}
{children}
);
}
if(variant === 'print') {
return (
<>
{children}
);
}
return (
<>
{children}
);
}