/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
export interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
    /** Surface style; `interactive` is kept for compatibility, prefer the boolean. */
    variant?: "elevated" | "outlined" | "flat" | "warm" | "interactive";
    /** Inner padding. */
    padding?: "none" | "sm" | "md" | "lg" | "xl";
    /** Hover and pointer affordance, orthogonal to the surface. */
    interactive?: boolean;
    /** Pressed or selected state. */
    active?: boolean;
    /** Element to render, e.g. "article". */
    as?: keyof JSX.IntrinsicElements;
}
/**
 * Contained surface for grouping related content.
 *
 * @example
 * <Card variant="outlined" padding="lg"><h3>Title</h3></Card>
 */
export declare const Card: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CardProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=Card.d.ts.map