import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps, Size } from '../../types';
/**
 * Props for the Card component
 * @extends ComponentPropsWithoutRef<"div">
 * @extends LayoutUtilProps
 */
export type CardProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
    /**
     * The background variant of the card.
     * @default undefined
     */
    background?: "strong" | "stronger";
    /**
     * The padding size of the card.
     * @default "medium"
     */
    padding?: Extract<Size, "0" | "xsmall" | "small" | "medium" | "large">;
};
/**
 * Card component for displaying content in a contained, elevated container.
 *
 * Features:
 * - Configurable padding sizes (0, xsmall, small, medium, large)
 * - Background variants (strong, stronger) for visual emphasis
 * - Responsive design with automatic layout utilities
 * - Consistent border radius and styling
 * - Support for all standard div props
 * - Layout utility props for positioning and spacing
 *
 * @example
 * <Card padding="large" background="strong">
 *   <h2>Card Title</h2>
 *   <p>Card content goes here</p>
 * </Card>
 */
export declare const Card: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
    /**
     * The background variant of the card.
     * @default undefined
     */
    background?: "strong" | "stronger";
    /**
     * The padding size of the card.
     * @default "medium"
     */
    padding?: Extract<Size, "0" | "xsmall" | "small" | "medium" | "large">;
} & import('react').RefAttributes<HTMLDivElement>>;