import { type TextStyle, type ViewStyle } from "react-native";
import { type SwatchSize } from "./swatch.shared.js";
export interface SwatchSkin {
    /** Block edge per size, in px (the block's HEIGHT when `block` stretches its width). */
    box: Record<SwatchSize, number>;
    /** Corner radius of the block per size, in px (ignored when `circle` is set). */
    radius: Record<SwatchSize, number>;
    /** Extra shape refinement on the block (iOS: the continuous superellipse corner curve). */
    shape: ViewStyle;
    /** Gap between the block and its label column. */
    gap: number;
    /** Gap between the label column's lines (a tight name/value/detail lockup). */
    lineGap: number;
    /** The name line's type (weight/tracking); size, line height, and color come from the shell. */
    name: TextStyle;
    /** The primary mono value line's type; size, line height, family, and color come from the shell. */
    value: TextStyle;
    /** The secondary mono detail line's type; size, line height, family, and color come from the shell. */
    detail: TextStyle;
}
export declare const webSkin: SwatchSkin;
export declare const iosSkin: SwatchSkin;
export declare const androidSkin: SwatchSkin;
//# sourceMappingURL=swatch.styles.d.ts.map