import React from 'react'
import { type OverrideClassName } from '~components/types/OverrideClassName'
import {
  GenericNotification,
  type GenericNotificationVariant,
} from '../subcomponents/GenericNotification'

export type GlobalNotificationBase = OverrideClassName<{
  children: React.ReactNode
  onHide?: () => void
  persistent?: boolean
}>

export type GlobalNotificationProps = GlobalNotificationBase & GenericNotificationVariant

/**
 * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
 * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
 */
export const GlobalNotification = ({
  persistent = false,
  ...props
}: GlobalNotificationProps): JSX.Element => (
  <GenericNotification persistent={persistent} style="global" {...props} />
)

GlobalNotification.displayName = 'GlobalNotification'