Modal

A modal dialog component that displays content in a layer above the main application.

Sizes

With Second Title

Add a secondary title below the main title for additional context (left aligned).

interface ModalProps {
  isOpen: boolean;
  title?: string;
  secondTitle?: string; // Secondary title below modal title (left aligned)
  children: React.ReactNode;
  onClose: () => void;
  actions?: React.ReactNode;
  size?: 'medium' | 'large';
}