import { FC, ReactElement } from 'react';
import { BlockContainerProps } from '@component-controls/components';
import { Story, Component } from '@component-controls/core';
import { ComponentInputProps } from '@component-controls/store';
import { ComponentsContainerProps } from './ComponentsContainer';
/**
 * component level visibility
 */
export declare type ComponentVisibility = 'controls' | 'info' | 'all';
export declare type ComponentsBlockContainerProps = {
    /**
     * by default will show both controls and props tables
     * user setting can display only props table or only controls
     */
    visibility?: ComponentVisibility;
    children: (component: Component, props: any, story?: Story) => ReactElement | null;
} & Omit<ComponentsContainerProps, 'components' | 'children'> & ComponentInputProps & BlockContainerProps;
export declare const ComponentsBlockContainer: FC<ComponentsBlockContainerProps>;