import * as React from 'react'; import type { HTMLAttributesWithRootRef } from '../../types'; export interface ModalCardBaseProps extends Omit, 'title'> { /** * Иконка. * * Может быть компонентом иконки, например, ``, или ``. */ icon?: React.ReactNode; /** * Заголовок карточки. */ title?: React.ReactNode; /** * Позволяет поменять тег используемый для заголовка. */ titleComponent?: React.ElementType; /** * Позволяет задать id для заголовка. Используется, чтобы связать модальное окно и title через aria-labelledby, тем самым задав модальному окну имя через title. */ titleId?: string; /** * Описание. */ description?: React.ReactNode; /** * Позволяет поменять тег используемый для описания. */ descriptionComponent?: React.ElementType; /** * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами: * * - `size="l" mode="primary" stretched` * - `size="l" mode="secondary" stretched`. * * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами: * * - `gap="s" mode="horizontal" stretched` * - `gap="m" mode="vertical" stretched`. */ actions?: React.ReactNode; /** * Обработчик закрытия модального окна. */ onClose?: VoidFunction; /** * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий. */ dismissLabel?: string; /** * Задаёт контенту максимальную ширину для десктопной версии. */ size?: number; /** * Передает атрибут `data-testid` для кнопки закрытия. */ modalDismissButtonTestId?: string; /** * Расположение кнопки закрытия (внутри и вне `popout'a`). * * Доступно только в `compact`-режиме. * * На `iOS` в `regular`-режиме всегда включен `inside`. * * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте. */ dismissButtonMode?: 'inside' | 'outside' | 'none'; /** * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку). * * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте. */ preventClose?: boolean; /** * Управляющие элементы под кнопкой закрытия. * * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton. * */ outsideButtons?: React.ReactNode; } /** * @see https://vkui.io/components/modal-card-base */ export declare const ModalCardBase: ({ icon, title, titleComponent, description, descriptionComponent, children, actions, onClose, dismissLabel, size: sizeProp, modalDismissButtonTestId, dismissButtonMode, preventClose, outsideButtons, titleId, ...restProps }: ModalCardBaseProps) => React.ReactNode; //# sourceMappingURL=ModalCardBase.d.ts.map