UnlyEd/next-right-now

import CoreLayout, { Props as CoreLayoutProps } from '@/layouts/core/components/CoreLayout';
import { createLogger } from '@/modules/core/logging/logger';
import { css } from '@emotion/react';
import React from 'react';

const fileLabel = 'layouts/public/components/PublicLayout';
const logger = createLogger({
  fileLabel,
});

type Props = Omit<CoreLayoutProps, 'layoutName'>;

/**
 * Overrides the CoreLayout to adapt it to the Public layout.
 *
 * Hides nav, footer and preview banner and applies some custom CSS for demonstration purpose.
 */
const PublicLayout: React.FunctionComponent<Props> = (props): JSX.Element => {
  return (
    <CoreLayout
      layoutBaseCSS={css`
        display: block;
        width: 100vw;
        height: 100vh;
        padding-top: 100px;

        .page-container {
          padding: 50px !important;
        }
      `}
      layoutName={'public-layout'}
      hideFooter={true}
      hideNav={true}
      hidePreviewBanner={true}
      {...props}
    />
  );
};

export default PublicLayout;