import type { ReactNode } from "react";
import type { LucideIcon } from "lucide-react";
import { type IconBadgeTone } from "../html/index.js";
export * from "./variants.js";
export type FeatureTileProps = {
    icon: LucideIcon;
    title: string;
    description?: string;
    /** Tint of the icon tile. */
    tone?: IconBadgeTone;
    /** Extra body content under the description (e.g. a checklist). */
    children?: ReactNode;
    /** Footer row under the body (e.g. a link or action). */
    footer?: ReactNode;
    className?: string;
};
/**
 * FeatureTile — the sanctioned marketing feature-card composition: a tinted
 * icon tile stacked above the title, supporting copy below, on a card
 * surface. Layout is container-scoped: below 16rem of its own width the
 * header collapses to an inline icon + title row so narrow columns degrade
 * gracefully.
 */
export declare function FeatureTile({ icon: Icon, title, description, tone, children, footer, className, }: FeatureTileProps): import("react").JSX.Element;
//# sourceMappingURL=index.d.ts.map