import { HTMLAttributes, ReactNode } from 'react';
export type MaterialComponentProps<M extends number = number, ItemId = any> = {
    type: M;
    itemId?: ItemId;
    itemIndex?: number;
    displayIndex?: number;
    highlight?: boolean;
    playDown?: boolean;
    preview?: boolean;
    /** What to display on the back face of material that has 2 faces (see {@link MaterialContentProps}). */
    backChildren?: ReactNode;
} & HTMLAttributes<HTMLElement>;
export declare const MaterialComponent: import("react").NamedExoticComponent<{
    type: number;
    itemId?: any;
    itemIndex?: number;
    displayIndex?: number;
    highlight?: boolean;
    playDown?: boolean;
    preview?: boolean;
    /** What to display on the back face of material that has 2 faces (see {@link MaterialContentProps}). */
    backChildren?: ReactNode;
} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>;