import React from 'react';
import { EmployeeEntryCardSkeleton, type EmployeeEntryCardData } from './employee-entry-card';
/** Minimal row shape the card renders. Both the hub dashboard entry and the
 *  related-content hydrated row satisfy it structurally. */
export interface HowIWorkCardData extends EmployeeEntryCardData {
    session_date?: string | null;
    /** Which craft the session is about — surfaced as a badge so a reader
     *  scanning the grid can tell a sales workflow from an engineering one. */
    discipline?: string | null;
}
export interface HowIWorkCardProps {
    entry: HowIWorkCardData;
    /** OG fallback cover. Caller computes it (hub: `useOgPlaceholderUrl`; related
     *  rail: `extras.buildOgPlaceholderUrl`). */
    placeholderUrl?: string | null;
    /** Owner action row (dashboard). Omit for a read-only card. */
    actions?: React.ReactNode;
    /** When provided, the WHOLE card becomes a link (related-rail click-through).
     *  Don't combine with `actions` (nested interactive). */
    anchorProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
    className?: string;
}
/**
 * THE single "How I Work" card — a thin binding over `EmployeeEntryCard` that
 * maps the session date to the shared meta date and adds the discipline badge.
 * Used by BOTH the people-hub dashboard (with owner `actions`) and the
 * related-content rail (with `anchorProps`), so the card cannot drift between
 * the two surfaces.
 */
export declare function HowIWorkCard({ entry, placeholderUrl, actions, anchorProps, className }: HowIWorkCardProps): React.JSX.Element;
/** Loading skeleton matching HowIWorkCard's shape. Shared with every other
 *  employee-entry card so the rail's placeholder never diverges from the card. */
export declare const HowIWorkCardSkeleton: typeof EmployeeEntryCardSkeleton;
//# sourceMappingURL=how-i-work-card.d.ts.map