import type * as React from 'react';
import type { CardProps, CardRootProps } from './types.js';
/**
 * Card's root: renders the card surface (plain `<div>` or custom `as` tag) with no state or context, for full manual composition via `@skdx/react/primitives/card`.
 *
 * @example
 * ```tsx
 * import { CardHeader, CardRoot, CardTitle } from '@skdx/react/primitives/card';
 *
 * <CardRoot>
 *   <CardHeader>
 *     <CardTitle>Project Alpha</CardTitle>
 *   </CardHeader>
 * </CardRoot>
 * ```
 */
export declare const CardRoot: {
    ({ as, elevation, interactive, selected, ref: forwardedRef, ...props }: CardRootProps): React.ReactNode;
    displayName: string;
};
/**
 * Bounded region of related content — media, header (title + description), body, footer — composed from props or from `CardHeader`/`CardContent`/`CardFooter` children.
 *
 * @example
 * ```tsx
 * <Card title="Project Alpha" description="Updated 2 days ago" footer={<Button>View</Button>}>
 *   <CardContent>Details about the project go here.</CardContent>
 * </Card>
 * ```
 */
export declare const Card: {
    ({ title, description, media, footer, headingLevel, children, ref: forwardedRef, ...rest }: CardProps): React.ReactNode;
    displayName: string;
};