import { CSSProperties, ReactNode } from 'react';
import { OmitProps } from '../shared/types';
export type CardProps = OmitProps<'div', 'onClick' | 'title'> & {
    /** Style hook for the _interior_ card container (border, background, etc.) */
    containerStyle?: Readonly<CSSProperties>;
    contentAction?: ReactNode;
    contentBefore?: ReactNode;
    contentAfter?: ReactNode;
    contentThumbnail?: ReactNode;
    /** Card heading */
    title?: ReactNode;
} & ((OmitProps<'a', 'onClick' | 'title'> & {
    onClick?: never;
}) | (OmitProps<'button', 'title'> & {
    href?: never;
}));
/**
 * - Flexible and composable, offering four slots for different content.
 * - Card is BYO-spacing-between-content, to keep it as flexible as possible.
 * Don't forget [Text](/docs/text--docs) has a `ccMargin` prop!
 * - Can render as a div, button, or link.
 *
 * > [!IMPORTANT]
 * > **It's invalid HTML to nest buttons or links inside buttons or links.** If
 * > you're making the whole card clickable via `href` or `onClick`, the only
 * > valid place you can add another button or link is in the `contentAction`
 * > slot.
 */
export declare const Card: ({ children, className, containerStyle, contentAction, contentAfter, contentBefore, contentThumbnail, style, title, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
export default Card;