import React from "react"; import { ToolbarItem } from "../toolbar"; import "./modal.scss"; export type ModalProps = Omit, "title"> & { /** Buttons to use in the header. */ actions?: ToolbarItem[]; /** Whether to allow the dialog to be closed.*/ allowClose?: boolean; /** Whether to show the close button.*/ showClose?: boolean; /** Whether to show the `labelClose` label. */ showLabelClose?: boolean; /** The close (accessible) label. */ labelClose?: string; /** Whether the dialog is opened or closed. */ open?: React.ComponentProps<"dialog">["open"]; /** Gets called when the dialog is closed. */ onClose?: React.ComponentProps<"dialog">["onClose"]; /** The position of the modal. */ position?: "float" | "side"; /** * Attempts to fix the autofocus by focussing the first available input with * an `autofocus` attribute. */ restoreAutofocus?: boolean; /** The size of the dialog. */ size?: "m" | "s"; /** The title of the dialog. */ title?: string | React.ReactNode; /** * The type of dialog: "modal" is a blocking variant where "dialog" is solely * an overlay. */ type?: "modal" | "dialog"; }; /** * Modal component (mode dialog). */ export declare const Modal: React.FC;