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 {};