import { ComponentChildren } from 'preact';
import type { ButtonStandardProps } from '@bonniernews/dn-design-system-web/components/button/button-types.ts';
export interface ModalPros {
    /** Title in modal */
    title?: string;
    /** Appearance of the modal */
    modalType?: 'standard' | 'sheet';
    /** Object with text, href (optional), classNames (optional) and attributes (optional) */
    primaryButton?: ButtonStandardProps;
    /** Object with text, href (optional), classNames (optional) and attributes (optional). Set isCloseButton to true if you wanna close modal with this button */
    secondaryButton?: ButtonStandardProps & {
        isCloseButton?: boolean;
    };
    /** Ex. "my-special-class" */
    classNames?: string;
    /** Ex. { data-prop: value } */
    attributes?: object;
    /** Fixed pixel value is used for typography to prevent scaling based on html font-size */
    forcePx?: boolean;
    /** Content to show in the modal as preact components */
    children?: ComponentChildren;
}
/**
 * - GitHub: [BonnierNews/dn-design-system/web/src/components/Modal](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/modal)
 * - Storybook: [Modal](https://designsystem.dn.se/?path=/docs/basic-modal--docs)
 *
 * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:
 * `@use '@bonniernews/dn-design-system-web/components/modal/modal.scss'`
 */
export declare const Modal: ({ title, modalType, primaryButton, secondaryButton, classNames, attributes, forcePx, children, }: ModalPros) => import("preact").JSX.Element;
