export type ColumnHeaderSelection = {
    selected: boolean;
    onSelectedChange: (selected: boolean) => void;
    /** Accessible label for the selection checkbox, e.g. "Select all products". */
    selectionLabel: string;
    /** Click handler for the pull-down caret next to the checkbox. */
    onMenuClick: () => void;
    /** Accessible label for the pull-down caret button, e.g. "Open selection options". */
    menuLabel: string;
    /** Open state of the caret's menu, reflected as `aria-expanded` on the caret. */
    menuExpanded?: boolean;
};
export type ColumnHeaderProps = {
    /**
     * Selection cell on the left (checkbox + pull-down caret). When omitted, the
     * selection cell hides and the product column absorbs the freed space — used
     * once items are selected and a dedicated selection bar takes over.
     */
    selection?: ColumnHeaderSelection;
    /**
     * Keep the data columns (Images / Status / Listing score) aligned with
     * selectable rows while hiding the selection checkbox. Set this — with
     * `selection` omitted — once items are selected and the action bar takes over
     * the checkbox: "Product name" slides to the far left to absorb the freed
     * checkbox space, but the remaining columns stay put so they still line up
     * with the checkbox-bearing rows below. Ignored when `selection` is provided.
     */
    reserveSelection?: boolean;
    productLabel: React.ReactNode;
    imagesLabel: React.ReactNode;
    statusLabel: React.ReactNode;
    listingScoreLabel: React.ReactNode;
    className?: string;
};
export declare const ColumnHeader: ({ selection, reserveSelection, productLabel, imagesLabel, statusLabel, listingScoreLabel, className, }: ColumnHeaderProps) => import("react").JSX.Element;
//# sourceMappingURL=ColumnHeader.d.ts.map