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:
 * - Optional background variants (strong, stronger)
 * - Configurable padding sizes
 * - Supports layout utilities for positioning and spacing
 *
 * @example
 * <Card padding="large" background="strong">
 *   <Text variant="headline" el="h2">Card Title</Text>
 *   <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>>;