import { ReactNode } from 'react';
export interface GridTileProps {
    /** Leading icon / indicator shown top-left. */
    leading?: ReactNode;
    /** A small classifier badge shown top-right (priority, status, type…). */
    topRight?: ReactNode;
    /** Primary line (object name). Clamped to 2 lines. */
    title: ReactNode;
    /** Secondary line (path / short description). Truncated, monospace. */
    subtitle?: ReactNode;
    /** Footer row of small badges / metrics. */
    footer?: ReactNode;
    /** Interactive trailing content (menu/remove) — pinned top-right, click-isolated. */
    actions?: ReactNode;
    onClick?: () => void;
    className?: string;
}
/**
 * A compact, clickable card that packs an object's identity vertically so many
 * fit across a wide container — the grid counterpart to a full-width list row.
 * Use inside {@link CardGrid}. Surfaces and text follow the design system
 * (`@sudobility/design` card + text variants).
 *
 * Layout: `[leading icon ……… topRight badge]` / title (2-line clamp) / subtitle
 * (truncated path) / optional footer badge row. `actions` pin to the top-right
 * and stay independently clickable (they sit outside the main clickable button).
 */
export declare function GridTile({ leading, topRight, title, subtitle, footer, actions, onClick, className, }: GridTileProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=grid-tile.d.ts.map