import { CardProps } from '@mui/material';
import { SCNotificationAggregatedType } from '@selfcommunity/core';
export interface NotificationProps extends CardProps {
    /**
     * Id of the UserNotification
     * @default `notification_<notificationObject.sid>`
     */
    id?: string;
    /**
     * Overrides or extends the styles applied to the component.
     * @default null
     */
    className?: string;
    /**
     * Notification obj
     * @default null
     */
    notificationObject: SCNotificationAggregatedType;
    /**
     * Handle custom notification
     * @param data
     */
    handleCustomNotification?: (data: any) => JSX.Element;
    /**
     * The max n of results uncollapsed shown
     * @default 2
     */
    showMaxAggregated?: number;
    /**
     * The obj key
     */
    key: number;
    /**
     * Any other properties
     */
    [p: string]: any;
}
/**
 *
 > API documentation for the Community-UI UserNotification component. Learn about the available props and the CSS API.

 #### Import

 ```jsx
 import {UserNotification} from '@selfcommunity/ui';
 ```

 #### Component Name

 The name `SCUserNotification` can be used when providing style overrides in the theme.


 #### CSS

 |Rule Name|Global class|Description|
 |---|---|---|
 |root|.SCUserNotification-root|Styles applied to the root element.|
 |notificationWrap|.SCUserNotification-notification-wrap|Styles applied to the element wrap.|
 |notificationHeader|.SCUserNotification-notification-wrap|Styles applied to the notification header.|
 |title|.SCUserNotification-title|Styles applied to the title element in the notification header.|
 |image|.SCUserNotification-image|Styles applied to the image element in the notification header.|
 |username|.SCUserNotification-username|Styles applied to the user element in the notification header.|
 |notificationContent|.SCUserNotification-notification-content|Styles applied to the notification content.|
 |notificationUnCollapsed|.SCUserNotification-notification-wrap|Styles applied to the uncollapsed elements.|
 |notificationCollapsed|.SCUserNotification-notification-wrap|Styles applied to the collapsed elements.|
 |stopNotificationButton|.SCUserNotification-stop-notification-button|Styles applied to the stop notification button.|
 |showOtherAggregated|.SCUserNotification-show-other-aggregated|Styles applied to the show other aggregated element.|

 * @param inProps
 */
export default function UserNotification(inProps: NotificationProps): JSX.Element;
//# sourceMappingURL=Notification.d.ts.map