/**
 * @file index.tsx
 *
 * @fileoverview Renders multiple columns with some icon and text. Receives an array of icons, text
 * and displays them in a grid.
 */
import React from 'react';
interface Item {
    icon: React.ReactNode;
    iconSize?: string;
    text: React.ReactNode | string;
    color?: string;
}
export interface MultiColumnIconProps {
    /**
     * The intro title for the row, shows above the icons.
     */
    introTitle?: React.ReactNode | string;
    /**
     * The intro text for the row, shows above the icons.
     */
    introText?: React.ReactNode | string;
    /**
     * The list of icons and text that will be displayed as grid.
     */
    items: Item[];
}
/**
 * Presents information to a user in a multicolumn way. Useful
 * to show information side by side. Its responsive so no matter how many items
 * are inside it will show as many as possible side by side.
 */
export declare const MultiColumnIcon: ({ introTitle, introText, items }: MultiColumnIconProps) => JSX.Element;
export {};