import React from "react"; import type { Icon } from "../icon.js"; import type { KeyboardKey as KeyboardKeyType } from "./keyboard-key.js"; export type KeyboardHint = Exclude; /** * A button component. * * On pages and record tabs, buttons render inline where they appear in the component tree. * In dialogs, they are extracted from the component tree and placed in the dialog footer. */ export declare function Button(props: { /** * The label of the button. */ label: string; /** * The variant of the button. * * "primary" is only honoured on pages and record tabs. In dialogs the primary action is * the `SubmitButton`, and a "primary" `Button` renders as "secondary". * * @default "secondary" */ variant?: "primary" | "secondary" | "destructive"; /** * The click handler of the button. */ onClick: () => void; /** * Whether the button is disabled. * * @default false */ disabled?: boolean; /** * The keyboard key that will trigger the button. * * Only honoured in dialogs, where the button sits in the footer. On pages and record tabs * there is no shortcut to bind, so the hint is ignored. */ keyboardHint?: KeyboardHint; /** * The icon of the button. */ icon?: Icon; }): React.JSX.Element; //# sourceMappingURL=button.d.ts.map