react-cm-ui/src/surfaces/drawer/drawerDataGroups.d.ts

React UI for Healthy Church

import { string } from 'prop-types';
import React from 'react';

export interface DrawerDataGroupsPropTypes {
    bleed?: boolean;
    className?: string;
    columns: {
        className?: string;
        expandableSections: {
            header?: string;
            iconType?: string;
            iconColor?: string;
            rows: {
                header?: string;
                rows: {
                    accessor: React.ReactNode | string;
                    className?: string;
                    fieldName: string;
                    id?: string;
                    header?: string;
                    iconType?: string;
                    iconColor?: string;
                    iconSize: 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall' | number;
                    style?: React.CSSProperties;
                }[];
            }[];
        }[];
        id?: string;
        isExpandable?: boolean;
        header?: string;
        rows: {
            accessor: React.ReactNode | string;
            className?: string;
            fieldName: string;
            id?: string;
            header?: string;
            iconType?: string;
            iconColor?: string;
            iconSize: 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall' | number;
            style?: React.CSSProperties;
        }[];
        style?: React.CSSProperties;
    };
    data: object;
    /**
     * Used for DOM testing. https://testing-library.com/docs/queries/bytestid/
     */
    dataTestId?: string;
    style?: React.CSSProperties;
}

declare const DrawerDataGroups: React.ComponentType<DrawerDataGroupsPropTypes>;

export default DrawerDataGroups;