import type { AnchorHTMLAttributes, CSSProperties, ReactNode } from "react"; export declare type Action = "submit" | string | { newWindow: string; } | { download: string; url: string; } | (() => void) | { mousedown: () => void; } | "disabled"; declare type Props = { /** * Possible values for an Action: * - "submit" * - string with a URL to make a link * - { newWindow: string } to make a link that opens in a new window * - { download: string, url: string } to make a link that downloads a file with a given filename * - () => void to make a click handler * - { mousedown: () => void } to make a mousedown handler, but the click handler above is preferred for UX * - "disabled", but avoid it, as inactive UI elements are not preferred for UX */ action: Action; children: ReactNode; className?: string; /** * Override how the ActionArea detects which links are pointing to the current page */ currentPath?: string; /** * Override how the ActionArea renders links */ renderLink?: (props: AnchorHTMLAttributes & { href: string; }) => ReactNode; title?: string; style?: CSSProperties; }; /** * An area that acts as a button or link, and is devoid of styling */ export declare function ActionArea(props: Props): JSX.Element; export {};