import { Theme } from '@mui/material/styles';
import { default as Color } from 'color';
import { AccountReconciliationByAccount, AccountType, Amount, BankStatusCodeType, ID, ReconciliationStatusCodeType, StatementStatusCodeType, ZeniDate } from '@zeniai/client-epic-state';
import { Colors } from '../../../../../../designSystem/zeniConstants';
interface Props {
    accountRecon: AccountReconciliationByAccount;
    height: number;
    isExcludeInProgress: boolean;
    isIncludeInProgress: boolean;
    isLastRow: boolean;
    isSelectedRow: boolean;
    shouldShowBottomRadius: boolean;
    tableType: "excluded" | "normal";
    index?: number;
    onConnectClicked?: (accountId: ID) => void;
    onExcludeClicked?: (accountId: ID) => void;
    onIgnoreDetectionClicked?: (accountId: ID) => void;
    onOpenDrawerClicked?: (accountId: ID) => void;
    onReconnectClicked?: (accountId: ID) => void;
    onReviewClicked?: (accountId: ID) => void;
    onStatementAddClicked?: (accountId: ID) => void;
}
export default function AccountRow({ height, accountRecon, isLastRow, shouldShowBottomRadius, isSelectedRow, index, tableType, isExcludeInProgress, isIncludeInProgress, onReviewClicked: _onReviewClicked, onOpenDrawerClicked, onConnectClicked, onReconnectClicked, onStatementAddClicked, onExcludeClicked, onIgnoreDetectionClicked, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
export declare const ShowVariance: ({ variance, variancePercentage, reconciliationStatusCode, isLoading, }: {
    isLoading: boolean;
    reconciliationStatusCode?: ReconciliationStatusCodeType;
    variance?: Amount;
    variancePercentage?: number;
}) => import("react/jsx-runtime").JSX.Element;
export declare const getVarianceColors: (theme: Theme, variance?: Amount, _reconciliationStatusCode?: ReconciliationStatusCodeType) => {
    varianceColor: Color<string>;
    variancePercentageColor: Color<Colors.tagSuccessColorLight>;
    variancePercentageContainerColor: Color<Colors.tagSuccessBgLight>;
};
interface ShowBankBalanceProps {
    accountId: ID;
    bankBalance: Amount | undefined;
    bankConnection: BankStatusCodeType;
    isLoading: boolean;
    sourceType: "bank" | "statement" | "none";
    statementStatus: StatementStatusCodeType;
    accountType?: AccountType;
    /** Split layout: icon-only column vs closing-balance amount column vs legacy combined cell */
    columnMode?: "full" | "icon" | "amount";
    fromDrawer?: boolean;
    lastUpdatedAt?: ZeniDate;
    /** When `sourceType === "none"`, same MoreMenu as + icon; `connectLink` swaps the trigger for underlined Connect text. */
    noneSourceTrigger?: "addIcon" | "connectLink";
    setIsStatusHovered: (isStatusHovered: boolean) => void;
    onConnectClicked?: () => void;
    onReconnectClicked?: () => void;
    onStatementAddClicked?: () => void;
}
export declare const ShowBankBalance: ({ bankBalance, accountType, bankConnection, sourceType, statementStatus, fromDrawer, onConnectClicked, onReconnectClicked, isLoading, accountId, onStatementAddClicked, setIsStatusHovered, columnMode, noneSourceTrigger, }: ShowBankBalanceProps) => import("react/jsx-runtime").JSX.Element;
export declare const ShowClearedBalance: ({ clearedBalance, isLoading, }: {
    clearedBalance: Amount | undefined;
    isLoading: boolean;
}) => import("react/jsx-runtime").JSX.Element;
export {};