Configuration options for the AudioGrid component.

AudioGridOptions

Grid Content:

interface AudioGridOptions {
    componentsToRender: ReactNode[];
    style?: object;
    renderContent?: ((options: {
        defaultContent: ReactNode;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
    renderContainer?: ((options: {
        defaultContainer: ReactNode;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
}

Properties

componentsToRender: ReactNode[]

Array of React components (typically AudioCard instances) to display in the grid

Styling:

style?: object

Optional custom styles for the grid container (merged with default styles)

Advanced Render Overrides:

renderContent?: ((options: {
    defaultContent: ReactNode;
    dimensions: {
        width: number;
        height: number;
    };
}) => ReactNode)

Optional custom renderer for grid content (receives defaultContent and dimensions)

renderContainer?: ((options: {
    defaultContainer: ReactNode;
    dimensions: {
        width: number;
        height: number;
    };
}) => ReactNode)

Optional custom renderer for the outer container (receives defaultContainer and dimensions)