import type { NeoNotificationStackProps } from './neo-notification-stack.model.js';
import type { NeoNotification, NeoNotificationQueued } from './neo-notification.model.js';
import type { HTMLNeoBaseElement } from '../../utils/html-element.utils.js';
export interface NeoNotificationItemProps<Tag extends keyof HTMLElementTagNameMap = 'li'> extends Omit<HTMLNeoBaseElement, 'children' | 'color'>, Pick<NeoNotification, 'restartOnTouch' | 'containerProps' | 'progressProps' | 'actionProps' | 'closeProps' | 'close' | 'loading' | 'progress' | 'elevation' | 'blur' | 'color' | 'rounded' | 'tinted' | 'filled' | 'borderless' | 'before' | 'after'> {
    children?: NeoNotificationStackProps['children'];
    ref?: HTMLElement;
    hovered?: boolean;
    focused?: boolean;
    tag?: Tag | keyof HTMLElementTagNameMap;
    index: number;
    item: NeoNotificationQueued;
    posinset: number;
    setsize: number;
    visible?: number;
    expand?: boolean;
    reverse?: boolean;
    draggable?: NeoNotificationStackProps['draggable'];
    swipeable?: NeoNotificationStackProps['swipeable'];
    placement?: NeoNotificationStackProps['placement'];
    threshold?: NeoNotificationStackProps['threshold'];
    stagger?: NeoNotificationStackProps['stagger'];
    /**
     * If true, a notification from the stack has recently been swiped.
     * This is used to prevent the item from being swiped again immediately after a swipe.
     *
     * @default false
     */
    swiped?: boolean;
    onChange?: (payload: {
        item: NeoNotificationQueued;
        index: number;
        hovered: boolean;
        focused: boolean;
        event: PointerEvent | FocusEvent;
    }) => void;
    onDrag?: (payload: {
        item: NeoNotificationQueued;
        index: number;
        event: PointerEvent | WheelEvent;
        initial: {
            x: number;
            y: number;
        } | false;
        offset: {
            x: number;
            y: number;
        };
    }) => void;
    onCancel?: (payload: {
        item: NeoNotificationQueued;
        index: number;
        event: PointerEvent | WheelEvent | MouseEvent;
    }) => void;
}