import React from 'react'; import { StyleProp, ViewStyle } from 'react-native'; /** * Options for rendering `AudioGrid`. * * @interface AudioGridOptions * * **Content:** * @property {React.ReactNode[]} componentsToRender Children to be rendered inside the grid. * * **Appearance:** * @property {StyleProp} [style] Additional styling for the grid container. * * **Advanced Render Overrides:** * @property {(options: { defaultContent: JSX.Element; dimensions: { width: number; height: number } }) => JSX.Element} [renderContent] * Override for the rendered grid content. * @property {(options: { defaultContainer: JSX.Element; dimensions: { width: number; height: number } }) => JSX.Element} [renderContainer] * Override for the surrounding container implementation. */ export interface AudioGridOptions { componentsToRender: React.ReactNode[]; style?: StyleProp; renderContent?: (options: { defaultContent: JSX.Element; dimensions: { width: number; height: number; }; }) => JSX.Element; renderContainer?: (options: { defaultContainer: JSX.Element; dimensions: { width: number; height: number; }; }) => JSX.Element; } export type AudioGridType = (options: AudioGridOptions) => JSX.Element; /** * AudioGrid arranges a list of audio-centric components within a simple grid wrapper. It is typically used to * render collections of `AudioCard` or custom mini cards and supports override hooks for layout customization. * * @param {AudioGridOptions} props Audio grid configuration. * @returns {JSX.Element} Rendered audio grid container. */ declare const AudioGrid: React.FC; export default AudioGrid;