import dynamic from 'next/dynamic';

import type { HeaderProps } from '~/containers/main/Header/index';

import styles from './styles.module.scss';

export const HeaderSSR = dynamic<HeaderProps>(() => import('./index').then(it => it.Header), {
  ssr: false,
  loading: () => <div className={styles.wrap} />,
});

export const HeaderSSRPlaceholder = () => <div className={styles.wrap} />;