import type React from 'react';
export interface CardProps {
    /** Outer content width in cols (already inside the parent frame's
     *  border + padding — i.e. the available width the card must fill). */
    innerWidth: number;
    /** Optional bottom margin (defaults to 0). Persistent cards chain with
     *  no margin; the F-twin frame usually adds its own spacing. */
    marginBottom?: number | undefined;
    /** Optional accent color for the top + bottom cap hairlines. When set,
     *  paints the frame in the panel's state color (green = healthy,
     *  red = alerting, etc.). */
    accent?: string | undefined;
    /** Draw the top + bottom hairline around the card body. When false, the
     *  Card renders only the body (no corners, no bottom rule) so it can be
     *  nested inside an outer frame without double-chroming. The F-twin
     *  SidebarPanelFrame uses this for the title row. */
    capped?: boolean | undefined;
    /**
     * Render-prop body. The Card walks the returned tree, flattens Fragments +
     * column Boxes, and wraps every top-level child in a `│ ... │` row so the
     * frame stays intact on every body line. `bodyWidth` is the inner content
     * width (already accounting for side bars + padding) so callers don't
     * have to recompute it.
     */
    children: (bodyWidth: number) => React.ReactNode;
}
/**
 * A raised "card" wrapper for the persistent sidebar content. The accent
 * top edge and hairlines stay at the card's full width to visually "frame"
 * it; the body content is inset by 1 column on each side so text never
 * touches the colored surface directly.
 */
export declare function Card({ innerWidth, marginBottom, accent, capped, children, }: CardProps): React.ReactElement;
//# sourceMappingURL=sidebar-card.d.ts.map