hunk.code_window:   onActionClick?: (templateIdentifier: string, type: ButtonTypeEnum, message: IMessage) => void;
     tabs?: ITab[];
     showUserPreferences?: boolean;
   }
   export function NotificationCenter(props: INotificationCenterProps) {
     const queryClient = new QueryClient();
  
hunk.labels: keep keep add keep keep keep keep
hunk.after_edit:   onTabClick?: (tab: ITab) => void;
  
hunk.file_path: packages/notification-center/src/components/notification-center/NotificationCenter.tsx
hunk.type: add
file: import React from 'react';
  import { ActionIcon } from '@mantine/core';
  import styled from 'styled-components';
  import { colors } from '../../shared/config/colors';
  import { Bell as BellIcon, GradientDot } from '../../shared/icons';
  import { ColorScheme, useUnseenCount } from '../../index';
  import { ISvgStopColor } from '../../store';
  import { useDefaultBellColors } from '../../hooks';
  
  const headerIconsSettings = { color: colors.B60, width: 30, height: 30 };
  
  export interface INotificationBellProps {
    unseenCount?: number;
    unseenBadgeColor?: string | ISvgStopColor;
    unseenBadgeBackgroundColor?: string;
    colorScheme?: ColorScheme;
  }
  
  export function NotificationBell(props: INotificationBellProps) {
    const { unseenCount } = useUnseenCount();
    const { bellColors } = useDefaultBellColors({
      unseenBadgeColor: props?.unseenBadgeColor,
      unseenBadgeBackgroundColor: props?.unseenBadgeBackgroundColor,
      colorScheme: props?.colorScheme,
    });
  
    return (
      <ActionIcon variant="transparent" data-test-id="notification-bell">
        <BellIcon {...headerIconsSettings} />
        {unseenCount > 0 ? <StyledGradientDot bellColors={bellColors} /> : null}
      </ActionIcon>
    );
  }
  
  export function GradientDotWrap({ bellColors, ...props }) {
    return <GradientDot {...props} colors={bellColors} />;
  }
  
  const StyledGradientDot = styled(GradientDotWrap)`
    position: absolute;
    top: -3%;
    right: 10%;
    width: 12px;
    height: 12px;
  `;
  