import React from 'react';
import { Id } from '@monstrosity/types/id';
import { Style } from '@monstrosity/types/style';
export interface ClickableProps {
    onClick: (id?: Id) => void;
    id?: Id;
    ariaLabel: string;
    children?: JSX.Element | string | HTMLElement;
    tabbable?: boolean;
    focusStyle?: Style;
    hoverStyle?: Style;
    isDisabled?: boolean;
}
export interface StyledProps {
    focusStyle?: Style;
    hoverStyle?: Style;
    isDisabled?: boolean;
}
export declare const ClickableRoot: import("styled-components").StyledComponent<"div", import("@monstrosity/types/theme").Theme, StyledProps, never>;
export declare const Clickable: React.SFC<ClickableProps>;
