import { type MouseEventHandler } from "react";
import { type ComponentWithRippleProps } from "../interaction/types.js";
import { type CardProps } from "./Card.js";
/**
 * @since 6.0.0
 */
export interface ClickableCardProps extends CardProps, ComponentWithRippleProps {
    onClick: MouseEventHandler<HTMLDivElement>;
    /**
     * Set this to `true` to disable all click events.
     *
     * Note: Any disabled styling will need to be manually applied.
     *
     * @defaultValue `false`
     */
    disabled?: boolean;
}
/**
 * A Small wrapper around the `Card` component that is clickable and has the
 * element interaction enabled (ripples).
 *
 * @example Simple Example
 * ```tsx
 * import { CardContent } from "@react-md/core/card/CardContent"
 * import { ClickableCard } from "@react-md/core/card/ClickableCard";
 * import { type ReactElement } from "react";
 *
 * export default function ClickableCardExample(): ReactElement {
 *   return (
 *     <ClickableCard
 *       onClick={() => {
 *         // do something
 *       }}
 *     >
 *       <CardContent>Wow</CardContent>
 *     </ClickableCard>
 *   );
 * }
 * ```
 *
 * @see {@link https://react-md.dev/components/card#clickable-card | ClickableCard Demos}
 * @since 6.0.0
 */
export declare const ClickableCard: import("react").ForwardRefExoticComponent<ClickableCardProps & import("react").RefAttributes<HTMLDivElement>>;
