export declare const messageSelectionStyles: {
    rowSelectAvatarMode: {
        display: "grid";
        gridTemplateColumns: string;
        alignItems: "start";
        columnGap: number;
        marginBottom: number;
        paddingLeft: number;
        boxSizing: "border-box";
        cursor: "pointer";
    };
    rowSelectCardCenterMode: {
        display: "grid";
        gridTemplateColumns: string;
        alignItems: "center";
        marginBottom: number;
        cursor: "pointer";
    };
    rowSelectedForAction: {
        background: "var(--dsw-alias-interactive-bg-active, rgba(38, 49, 72, 0.10))";
    };
    selectCheck: {
        width: number;
        height: number;
        display: "grid";
        placeItems: "center";
        border: number;
        padding: number;
        borderRadius: number;
        background: string;
        color: "var(--dsw-static-neutral-bluish-00, #ffffff)";
        cursor: "pointer";
    };
    selectCheckAvatar: {
        justifySelf: "center";
        marginTop: number;
    };
    selectCheckCardCenter: {
        justifySelf: "center";
    };
    selectCheckCircle: {
        width: number;
        height: number;
        display: "grid";
        placeItems: "center";
        boxSizing: "border-box";
        borderWidth: number;
        borderStyle: "solid";
        borderColor: "var(--dsw-alias-label-tertiary, #9097a1)";
        borderRadius: number;
        background: string;
        color: "var(--dsw-static-neutral-bluish-00, #ffffff)";
    };
    selectCheckActive: {
        borderColor: "var(--dsw-alias-state-business-primary, #8295e8)";
        background: "var(--dsw-alias-state-business-primary, #8295e8)";
    };
    selectBar: {
        flex: string;
        minHeight: number;
        display: "flex";
        alignItems: "center";
        justifyContent: "center";
        gap: string;
        padding: string;
        boxSizing: "border-box";
        borderTop: string;
        background: "var(--dsw-alias-bg-layer-2, #f3f4f6)";
    };
    selectBarButton: {
        width: string;
        minWidth: number;
        flex: string;
        display: "flex";
        flexDirection: "column";
        alignItems: "center";
        gap: number;
        border: number;
        padding: number;
        background: string;
        color: "var(--dsw-alias-label-primary, #17191c)";
        cursor: "pointer";
        fontSize: number;
    };
    selectBarButtonDisabled: {
        opacity: number;
        cursor: "default";
    };
    selectBarIconTile: {
        width: string;
        height: string;
        display: "grid";
        placeItems: "center";
        borderRadius: number;
        background: "var(--dsw-alias-button-elevated-fill, var(--dsw-alias-bg-layer-2, #ffffff))";
        color: "var(--dsw-alias-label-primary, #17191c)";
        boxShadow: "none";
    };
    selectBarLabel: {
        lineHeight: string;
        whiteSpace: "nowrap";
    };
};
export declare function ArkmeMessageSelectionControl(props: {
    anchor: 'avatar' | 'card-center';
    checked: boolean;
    disabled: boolean;
    onToggle: () => void;
}): import("react").JSX.Element;
export declare function ArkmeSelectActionIcon({ kind, size }: {
    kind: 'assign' | 'copy' | 'link' | 'select' | 'forward' | 'close';
    size?: number;
}): import("react").JSX.Element;
//# sourceMappingURL=message-selection-presentation.d.ts.map