import { type SellScoreProps } from "../../status/SellScore/types";
import { type ProductListItemStatusVariant } from "./ProductListItemStatus";
export type ProductListItemSelection = {
    selected: boolean;
    onSelectedChange: (selected: boolean) => void;
    /** Accessible label for the selection checkbox, e.g. "Select Sienna Canvas Tote Bag". */
    selectionLabel: string;
};
export type ProductListItemProps = {
    title: string;
    imageUrl?: string;
    /** Translated count text, e.g. "4 images". */
    imageCountLabel: React.ReactNode;
    /** Status variant. Drives both the dot color and the text color. */
    status: ProductListItemStatusVariant;
    /** Translated status label, e.g. "Draft" or "Not yet on Shopify". */
    statusLabel: React.ReactNode;
    /**
     * Translated "Unpublished changes" label. When provided, renders the badge
     * below the title; omit (or pass `undefined`) to hide the badge.
     */
    unpublishedChangesLabel?: React.ReactNode;
    /** Optional listing-score gauge + label rendered in the rightmost column. */
    sellScore?: SellScoreProps;
    /** Accessible label for the empty listing-score slot, e.g. "No listing score". */
    noListingScoreLabel: string;
    /**
     * Selection cell on the left (checkbox). When omitted, the checkbox is
     * not rendered and the row collapses the gap so the thumbnail sits flush
     * with the row's left padding. Mirrors `ColumnHeader`'s `selection` prop.
     */
    selection?: ProductListItemSelection;
    /** Click handler for the whole row (e.g. open the product details page). */
    onClick?: () => void;
    className?: string;
};
export declare const ProductListItem: ({ title, imageUrl, imageCountLabel, status, statusLabel, unpublishedChangesLabel, sellScore, noListingScoreLabel, selection, onClick, className, }: ProductListItemProps) => import("react").JSX.Element;
//# sourceMappingURL=ProductListItem.d.ts.map