import { FunctionComponent, default as React } from 'react'; import { PriceFormatter } from '../../atoms/Price'; import { SlideOverProps } from '../SlideOver'; interface VariationProductColumn { name: string; additionalColumns: Array<{ label: string; value: string; }>; availability: { label: string; stockDisplaySettings: 'showStockQuantity' | 'showAvailability'; }; price: string; quantitySelector: string; } export interface SKUMatrixSidebarProps extends Omit { /** * Title for the SKUMatrixSidebar component. */ title?: string; /** * Represents the variations products to building the table. */ columns: VariationProductColumn; /** * Properties related to the 'add to cart' button */ buyProps: { 'data-testid': string; 'data-sku': string; 'data-seller': string; onClick(e: React.MouseEvent): void; }; /** * Formatter function that transforms the raw price value and render the result. */ formatter?: PriceFormatter; /** * Check if some result is still loading before render the result. */ loading?: boolean; /** * Function that returns a React component that will be used to render images. */ ImageComponent: FunctionComponent<{ src: string; alt: string; width?: number; height?: number; }>; /** * Labels related to the 'invalid quantity' toast. */ invalidQuantityToastLabels?: { title?: string; message?: string; }; } declare function SKUMatrixSidebar({ title, direction, size, children, columns, loading, formatter, ImageComponent, buyProps: { onClick: buyButtonOnClick, ...buyProps }, overlayProps, invalidQuantityToastLabels, ...otherProps }: SKUMatrixSidebarProps): React.JSX.Element; export default SKUMatrixSidebar; //# sourceMappingURL=SKUMatrixSidebar.d.ts.map