import React from 'react';
import { SBox } from '../../common/s-components/layout/s-box';
import { DarkWave } from './dark-wave';

type TProps = {
  noPermission: boolean;
};

export const NotificationBg: React.FC<TProps> = props => {
  const { noPermission } = props;

  return (
    <SBox position="absolute" zIndex={-1} top={noPermission ? 265 : 148}>
      <DarkWave />
    </SBox>
  );
};