import React from "react";
import type { CustomThemeProps } from "../../../Theme/themeProps";
export declare const DETAIL_SLOT_PX = 40;
export declare const detailDomIds: (prefix: string, rowId: string | number) => {
    cellId: string;
    detailId: string;
};
export declare const RowDetailHeaderCell: ({ left, bg, ruleColor, noBorders, }: {
    left: number;
    bg: string;
    ruleColor: string;
    noBorders?: boolean;
}) => import("react/jsx-runtime").JSX.Element;
type ToggleProps = {
    isOpen: boolean;
    detailId: string;
    color: string;
    theme: CustomThemeProps;
    onToggle: () => void;
};
export declare const RowDetailToggle: ({ isOpen, detailId, color, theme, onToggle }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
type DetailRowProps = {
    id: string;
    labelledBy: string;
    colSpan: number;
    bg: string;
    borderColor: string;
    noBorders?: boolean;
    children: React.ReactNode;
};
export declare const RowDetailRow: React.ForwardRefExoticComponent<DetailRowProps & React.RefAttributes<HTMLTableRowElement>>;
export {};