/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
/** Spacing, radius and shadow token specimens. */
export declare const TokenSpecimenGrid: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const TokenSpecimen: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export type TokenSpecimenGridProps = JSX.HTMLAttributes<HTMLDivElement>;
export type TokenSpecimenProps = JSX.HTMLAttributes<HTMLDivElement>;
export interface TokenSpecimenSpacerProps extends JSX.HTMLAttributes<HTMLSpanElement> {
    /** Bar width, a CSS length or a pixel number. */
    width?: string | number;
}
/** A bar sized to a spacing token. */
export declare const TokenSpecimenSpacer: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<TokenSpecimenSpacerProps> & {
    ref?: import("preact").Ref<HTMLSpanElement> | undefined;
}>;
export interface TokenSpecimenBoxProps extends JSX.HTMLAttributes<HTMLSpanElement> {
    /** Border radius, e.g. "8px". */
    radius?: string;
    /** Box shadow, for elevation specimens. */
    shadow?: string;
}
/** A box carrying a radius or elevation token. */
export declare const TokenSpecimenBox: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<TokenSpecimenBoxProps> & {
    ref?: import("preact").Ref<HTMLSpanElement> | undefined;
}>;
//# sourceMappingURL=TokenSpecimen.d.ts.map