/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
/** Auto-filling grid of colour swatches. */
export declare const SwatchGrid: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export type SwatchGridProps = JSX.HTMLAttributes<HTMLDivElement>;
export interface SwatchProps extends JSX.HTMLAttributes<HTMLDivElement> {
    /** Token name, e.g. "blue-primary". */
    name: string;
    /** Hex value, e.g. "#3B8EF6". */
    hex: string;
    /** Background colour. */
    background: string;
    /** Text colour. */
    color: string;
}
/** One colour specimen with its name and hex. */
export declare const Swatch: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<SwatchProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=Swatch.d.ts.map