/**
 * Shared structural styles for notification components (Alert, Toast, …).
 *
 * Everything here is purely layout / animation with no semantic color
 * meaning — safe to import from any notification component.
 *
 * Component-specific styles (variant tokens, item wrapper, text colors)
 * live in each component's own `styles.ts`.
 */
import { SerializedStyles, Theme } from '@emotion/react';
import type { MapIconsType } from '../index';
import { NotificationPositions, NotificationSizes } from './types';
export declare const containerStyles: (position: NotificationPositions) => SerializedStyles;
export declare const itemSizeStyles: Record<NotificationSizes, SerializedStyles>;
export declare const itemAnimationStyles: (position: NotificationPositions, duration: number) => SerializedStyles;
export declare const shadowStyles: (theme: Theme) => SerializedStyles;
export declare const borderStyles: (borderColor: string) => SerializedStyles;
export declare const iconColStyles: SerializedStyles;
export declare const contentColStyles: SerializedStyles;
export declare const expandedHeaderRowStyles: SerializedStyles;
export declare const collapsedTitleStyles: SerializedStyles;
export declare const actionsRowStyles: SerializedStyles;
export declare const closeBtnStyles: SerializedStyles;
export declare const semanticVariantIcons: Record<'success' | 'warning' | 'error' | 'primary', keyof MapIconsType>;
