import React, { ReactElement } from "react";
/**
 * SwatchCard — the cover IS the colour; a title row states its name and hex.
 * The swatch value is a literal data colour by design (not a theme token).
 */
export interface SwatchCardProps {
    color?: string;
    name?: string;
    hex?: string;
}
export declare const SwatchCard: ({ color, name, hex, }: SwatchCardProps) => ReactElement;
export declare const SwatchPlaceholder: (props: React.ButtonHTMLAttributes<HTMLButtonElement>) => ReactElement;
export declare const SwatchSkeleton: () => ReactElement;
//# sourceMappingURL=SwatchCard.d.ts.map