import { FC } from 'react';
export interface ColorBlockProps {
    /** Display name of the color. */
    name: string;
    /** CSS color value for the swatch. */
    color: string;
    /** Additional class names applied to the block. */
    className?: string;
}
export declare const ColorBlock: FC<ColorBlockProps>;
interface ColorPaletteBlockProps {
    name: string;
    color: string;
    className?: string;
    /**
     * @default true
     */
    showName?: boolean;
}
export declare const ColorPaletteBlock: FC<ColorPaletteBlockProps>;
export interface ColorPaletteBlocksProps {
    /** Display name of the palette. */
    name: string;
    /** Single color value or a map of color names to values for the palette. */
    colors: string | Record<string, string>;
    /** Additional class names applied to the palette block. */
    className?: string;
    /** Optional CSS custom property token associated with the palette. */
    token?: string | null;
    /**
     * @default true
     */
    showNames?: boolean;
}
export declare const ColorPaletteBlocks: FC<ColorPaletteBlocksProps>;
export declare const ColorBlocks: ({ colors }: {
    colors: Record<string, string>;
}) => import("react/jsx-runtime").JSX.Element;
export {};