import { default as React, ReactNode } from 'react';
import { SpacingProps } from '../../tokens/spacing';
import { BorderProps } from '../../tokens/borders';
import { Color } from '../../tokens/colors';
export type CardShadow = 'none' | 'xs' | 'sm' | 'md';
export interface CardProps extends SpacingProps, BorderProps {
    children?: ReactNode;
    as?: React.ElementType;
    className?: string;
    style?: React.CSSProperties;
    /**
     * Semantic surface tint. Maps to `bg-{color}-50` in light and
     * `bg-{color}-950` in dark via `surfaceBgClasses`. Overrides the
     * default `--card` fill.
     */
    color?: Color;
    /**
     * Drop the fill, leaving the card transparent. Pair with `border`
     * (from `BorderProps`) when you want an outlined transparent card.
     */
    transparent?: boolean;
    /**
     * Drop shadow. Defaults to `'xs'` for filled cards, `'none'` for
     * transparent ones.
     */
    shadow?: CardShadow;
    /**
     * Add the canonical interactive hover — surface lifts to `--card-hover`,
     * border picks up `--primary`, and a soft Linseed-tinted glow appears.
     * Tuned to hint, not shout; the card stays put so cursor pass-by
     * doesn't make text twitch. Use only on cards that act as clickable
     * surfaces (links, calls-to-action).
     */
    hoverEffect?: boolean;
    backgroundImageUrl?: string;
    testId?: string;
}
export declare const Card: React.FC<CardProps>;
//# sourceMappingURL=Card.d.ts.map