import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export interface BoardSkin {
    /** The horizontal row of columns (the ScrollView content): direction, alignment, gap. */
    lanes: (compact: boolean) => ViewStyle;
    /** A column's lane surface (fill, radius, padding, header-to-list gap). */
    column: (t: ColorTokens, compact: boolean) => ViewStyle;
    /** The column header row (label + count badge). */
    columnHeader: ViewStyle;
    /** The column header label type. */
    columnLabel: (t: ColorTokens) => TextStyle;
    /** The card stack inside a column (gap; a minHeight keeps an empty column droppable). */
    cardList: (compact: boolean) => ViewStyle;
    /** The row inside a card: the (pressable) body column + the trailing cluster. */
    cardRow: ViewStyle;
    /** The card's text column (title, description, chips slot). */
    bodyColumn: (compact: boolean) => ViewStyle;
    /** The card title type. */
    cardTitle: (t: ColorTokens) => TextStyle;
    /** The muted, 2-line-clamped description type. */
    cardDescription: (t: ColorTokens) => TextStyle;
    /** The consumer `chips` slot row (wraps; spacing only, content is the consumer's). */
    chipsRow: ViewStyle;
    /** The trailing column: grip + kebab cluster on top, badge under it. */
    trailingColumn: ViewStyle;
    /** The grip + kebab row within the trailing column. */
    trailingCluster: ViewStyle;
    /** The muted empty-column message type. */
    emptyLabel: (t: ColorTokens) => TextStyle;
    /** The pressable card body's own shape (radius; Android clips its ripple to it). */
    pressableBody: ViewStyle;
    /** The fill applied to the pressed card body (web/iOS tint; Android ripples instead). */
    pressedSurface: (t: ColorTokens) => ViewStyle;
    /** iOS dims the pressed body on top of the tint; null elsewhere. */
    pressedOpacity: number | null;
    /** Android ripple over the pressable card body; null on iOS/web. */
    ripple: ((t: ColorTokens) => {
        color: string;
        borderless: boolean;
    }) | null;
}
export declare const webSkin: BoardSkin;
export declare const iosSkin: BoardSkin;
export declare const androidSkin: BoardSkin;
//# sourceMappingURL=board.styles.d.ts.map