import React from 'react';
import { SNotificationsIndicator } from '../s-components/s-notifications-indicator';

type TProps = {
  isAnyNewNotification: boolean;
};

export const NotificationsIndicator: React.FC<TProps> = props => {
  const { isAnyNewNotification } = props;
  return (
    <>
      {isAnyNewNotification ? (
        <SNotificationsIndicator
          bg="wildStrawberry"
          style={{
            transform: [
              {
                translateX: 7,
              },
            ],
          }}
        />
      ) : null}
    </>
  );
};