@penaprieto/design-system/dist/components/Modal/Modal.d.ts

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Modal.css';
export type ModalVariant = 'classic' | 'image-top' | 'image-left';
export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
export interface ModalProps {
    /** Si el modal está abierto */
    open: boolean;
    /** Callback al cerrar el modal */
    onClose: () => void;
    /** Título del modal */
    title?: string;
    /** Contenido del modal */
    children: React.ReactNode;
    /** Footer del modal (botones, etc.) */
    footer?: React.ReactNode;
    /** Variante del modal */
    variant?: ModalVariant;
    /** Tamaño del modal */
    size?: ModalSize;
    /** URL de imagen (para variant image-top o image-left) */
    image?: string;
    /** Alt text para la imagen */
    imageAlt?: string;
    /** Clase CSS adicional */
    className?: string;
}
export declare const Modal: React.FC<ModalProps>;
//# sourceMappingURL=Modal.d.ts.map