import { InputProps, TypographyProps } from '@procore/core-react';
import { FormatConfig } from '@procore/labs-financials-utils/dist/configs';
import React from 'react';
import { ColumnDefinition } from '../types';
import { DataTableCellEditorProps, DataTableCellRendererProps } from './DataTableCell';
export interface PercentCellRendererParams {
    typographyProps?: TypographyProps;
    formatConfig?: Partial<FormatConfig>;
}
export interface PercentCellEditorParams {
    inputProps?: InputProps;
}
export declare type PercentCellColumnDefinition<TValue = any> = ColumnDefinition<TValue, 'percentCellRenderer', PercentCellRendererParams, 'percentCellEditor', PercentCellEditorParams> & {
    rightAlign: true;
};
export interface PercentCellRendererProps<TValue = string> extends DataTableCellRendererProps<TValue, PercentCellColumnDefinition<TValue>> {
}
export declare const PercentCellRenderer: React.FunctionComponent<PercentCellRendererProps>;
export interface PercentCellEditorProps<TValue = string> extends DataTableCellEditorProps<TValue, PercentCellColumnDefinition<TValue>> {
}
export declare const PercentCellEditor: React.ForwardRefExoticComponent<Pick<PercentCellEditorProps<string>, "value" | "field" | "rowHeight" | "data" | "rowIndex" | "columnDefinition" | "stopEditing" | "setDataValue" | "isGroup" | "parentData" | "parentId" | "rowPinned" | "tableApi"> & React.RefAttributes<HTMLInputElement>>;
