import { ReactNode } from 'react';
import { NimbusColorPalette } from '../type-utils';
/**
 * Props for the DisplayColorPalettes component.
 */
type DisplayColorPalettesProps = {
    /**
     * Render function that receives a color palette string and returns a ReactNode.
     * This function is called for each palette in each palette group, allowing
     * components to be rendered with different colorPalette props.
     *
     * @example
     * <DisplayColorPalettes>
     *   {(palette) => <Badge colorPalette={palette}>{palette}</Badge>}
     * </DisplayColorPalettes>
     */
    children: (palette: NimbusColorPalette) => ReactNode;
};
/**
 * Component for displaying all color palettes in organized groups.
 *
 * This utility component iterates through semantic, brand, and system color
 * palettes, rendering a custom component for each palette using the provided
 * render function. Useful for showcasing component variations across all
 * available color palettes in Storybook stories.
 *
 * @example
 * ```tsx
 * <DisplayColorPalettes>
 *   {(palette) => (
 *     <Badge colorPalette={palette}>
 *       {palette}
 *     </Badge>
 *   )}
 * </DisplayColorPalettes>
 * ```
 */
export declare const DisplayColorPalettes: ({ children, }: DisplayColorPalettesProps) => import("react/jsx-runtime").JSX.Element;
export {};