import { CSSProperties } from 'react';
import { WindowSize } from '../../../../../context/windowSizeProvider/WindowSizeProvider';
import { ResponsiveSized } from '../../../../../context/windowSizeProvider/responsiveSize';
import { TransactionLineTableListEmptyRowProps, TransactionLineTableListRowProps } from '../transactionLineTableTypes';
/**
 * Single populated row of the non-JE transaction line table. Iterates
 * the `columns` array from the header and renders the matching inline
 * cell JSX. Mirrors the JE row's "one big switch" structure so a
 * reviewer can diff the two row files column-by-column.
 *
 * Cells:
 *   - `description` — editable LabeledTextField in a flush pill
 *   - `category`    — RecommendationIcon + dropdown
 *   - `class`       — RecommendationIcon + dropdown (only when accounting classes are on)
 *   - `project`     — dropdown (no recommendations today, slot reserved)
 *   - `amount`      — single right-aligned amount field (no Dr/Cr prefix)
 */
export declare const TransactionLineTableListRow: ({ accountList: _accountList, accountsHierarchyList, classHierarchyList, classList: _classList, columns, isCOTEnabled, isCompressed, isDisabled, isUncategorizedExpenseCategoryEnabled, line, lineIndex, onCOTView, openTooltipId, projects, searchAutoComplete: _searchAutoComplete, sectionId, setOpenTooltipId, transactionId, uncategorizedAccounts, }: TransactionLineTableListRowProps) => import("react/jsx-runtime").JSX.Element;
/**
 * Skeleton row consumed by `TransactionLinesEmptyTable`. Uses the same
 * `RowItemContainer` as the live row so column widths line up 1:1.
 */
export declare const TransactionLineTableListEmptyRow: ({ columns, isCompressed, sectionId, rowIndex, }: TransactionLineTableListEmptyRowProps) => import("react/jsx-runtime").JSX.Element;
declare const RowItemContainerStyled: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & {
    $widthPercentage: number;
    windowSize: WindowSize;
    wrapperWidth: ResponsiveSized;
    $flexibleWidth?: boolean;
    isCompressed?: boolean;
    isDividerColumn?: boolean;
    isLastItem?: boolean;
    isSticky?: boolean;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const RowItemContainer: (props: Omit<React.ComponentProps<typeof RowItemContainerStyled>, "$flexibleWidth" | "$widthPercentage"> & {
    widthPercentage: number;
}) => import("react/jsx-runtime").JSX.Element;
export type { CSSProperties as _CellStyle };
