import type * as React from "react";

/**
 * The Reckon surface: 16px radius, 1px border, 5% shadow and a hairline highlight.
 * CardFrame is its sibling — a muted plinth whose header sits outside the Card it holds.
 */
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> { children?: React.ReactNode }
export declare function Card(props: CardProps): React.ReactElement;
export declare function CardHeader(props: CardProps): React.ReactElement;
/** 18px semibold heading-font title. */
export declare function CardTitle(props: CardProps): React.ReactElement;
export declare function CardDescription(props: CardProps): React.ReactElement;
/** Top-right slot inside CardHeader — usually an icon Button or a Badge. */
export declare function CardAction(props: CardProps): React.ReactElement;
/** The body. Loses its top padding when it follows a CardHeader. */
export declare function CardPanel(props: CardProps): React.ReactElement;
export declare function CardFooter(props: CardProps): React.ReactElement;
export declare function CardFrame(props: CardProps): React.ReactElement;
export declare function CardFrameHeader(props: CardProps): React.ReactElement;
export declare function CardFrameTitle(props: CardProps): React.ReactElement;
export declare function CardFrameDescription(props: CardProps): React.ReactElement;
export declare function CardFrameFooter(props: CardProps): React.ReactElement;
