import React from 'react';
import type { NotificationProps } from './Notification.types';
/**
 * Componente Notification del sistema de diseño Siesa
 *
 * Badge de notificación para indicar alertas, mensajes o notificaciones pendientes.
 * Puede mostrar un punto simple o un contador numérico con límite automático a 99+.
 *
 * **Especificaciones de Figma:**
 * - Badge con número: 27px × 13px (aprox), Label/XXSmall (10px Bold, line-height 12px)
 * - Badge simple (dot): 13px × 13px
 * - Color: `content-extensions-red` (#b91c1c) por defecto
 * - Border radius: Pill (rounded-full)
 * - Padding: 4px horizontal
 *
 * **Variantes:**
 * - Sin count: Muestra punto circular (dot)
 * - Con count: Muestra badge con número (máximo 99+)
 *
 * **Uso típico:**
 * - Como overlay en iconos o botones
 * - En elementos de menú o navegación
 * - Standalone para indicar estado
 *
 * @see docs/colors.md - Sistema de colores (token content-extensions-red)
 * @see docs/typography.md - Sistema tipográfico (Label/XXSmall)
 * @see src/components/Button/Button.tsx - Referencia de badges en botones
 * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4310-22651
 *
 * @example
 * ```tsx
 * // Badge simple (punto)
 * <Notification />
 *
 * // Badge con número
 * <Notification count={5} />
 *
 * // Badge con muchos (muestra 99+)
 * <Notification count={150} />
 *
 * // Con color personalizado
 * <Notification count={3} color="green" />
 *
 * // Como overlay en botón
 * <button className="relative">
 *   <BellIcon />
 *   <Notification count={5} className="absolute -top-1 -right-1" />
 * </button>
 * ```
 */
export declare const Notification: React.FC<NotificationProps>;
//# sourceMappingURL=Notification.d.ts.map