import React from 'react';
import { ClassValue } from 'classnames/types';
import CollapsibleBlockContent from './CollapsibleBlockContent/CollapsibleBlockContent';
import { ArrayElementType } from '../../types/utils/ArrayElementType';
declare type CollapsibleBlockProps = {
    /** Visible heading */
    blockTitle: string;
    /** Controls if initially expanded or not */
    expanded?: boolean;
    /** Class name */
    className?: ClassValue;
    /** Content to be shown when expanded */
    children: NonNullable<React.ReactNode>;
    /** Background color  */
    backgroundColor?: BackgroundColor;
    /** Optional Number of items  */
    numberOfItems?: number;
};
declare const CollapsibleBlock: React.FunctionComponent<CollapsibleBlockProps> & {
    Content: typeof CollapsibleBlockContent;
};
export declare const backgroundColors: readonly ["white", "gray200", "purple500"];
export declare type BackgroundColor = ArrayElementType<typeof backgroundColors>;
export default CollapsibleBlock;