You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.1 KiB
44 lines
1.1 KiB
|
|
import styles from './layout.module.scss';
|
|
|
|
export function Layout({
|
|
showHeaders = true,
|
|
showFooter = true,
|
|
menuHeader = [],
|
|
menuFooter = [],
|
|
children = null,
|
|
className = '',
|
|
headerTransparent = false
|
|
}) {
|
|
|
|
const renderHeaders = () => {
|
|
if (showHeaders) {
|
|
return (<p>header </p>)
|
|
} else {
|
|
return ('');
|
|
}
|
|
}
|
|
const renderFooters = () => {
|
|
if (showFooter) {
|
|
return (<p>footer </p>)
|
|
} else {
|
|
return ('');
|
|
}
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{renderHeaders()}
|
|
<div
|
|
className={'dark:bg-gray-900 bg-gray-50 ' + styles['app-container'] + ' ' + (showHeaders ? '' : styles['without-headers']) + ' ' + (showFooter ? '' : styles['without-footer']) + ' ' + className}>
|
|
<div className={styles['app-content'] + " w-full mx-auto"}>
|
|
{children}
|
|
</div>
|
|
{renderFooters()}
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default Layout;
|