import React from 'react';
import { ISvgProps } from '@muya-ui/icon-base';
import { IItemInteractionStatus, IItemStatus } from '../../interfaces';
import { IComponentSizeSpec } from '../specs';
export interface ITreeToken {
    background: Record<IItemInteractionStatus, string>;
    color: Record<IItemInteractionStatus, string>;
    fontWeight: Record<IItemStatus, number>;
    fontSize: Record<IComponentSizeSpec, number>;
    lineHeight: Record<IComponentSizeSpec, number>;
    dragNodeHighlightOpacity: number;
    nodeHeight: Record<IComponentSizeSpec, number>;
    firstNodePaddingLeft: Record<IComponentSizeSpec, number>;
    contentPaddingRight: Record<IComponentSizeSpec, number>;
    contentMargin: string;
    childIndent: number;
    dragOverGapColor: string;
    rootLevelColor: string;
    dragOverBgColor: string;
    iconFontSize: Record<IComponentSizeSpec, number>;
    iconWrapperMarginRight: number;
    checkboxMarginRight: number;
    expandIcon?: React.FunctionComponent<ISvgProps>;
    expandIconSize?: number;
    expandIconWrapperWidth: number;
    expandIconWrapperMargin: number;
    lineVertical: {
        top: number;
        bottom: Record<IComponentSizeSpec, number>;
        firstLevelLeft: Record<IComponentSizeSpec, number>;
        otherLevelLeft: Record<IComponentSizeSpec, number>;
    };
    lineHorizontal: {
        left: number;
        beforeLeft: Record<IComponentSizeSpec, number>;
        beforeTop: Record<IComponentSizeSpec, number>;
        beforeWidth: number;
    };
    lineSize: number;
    itemHeight: Record<IComponentSizeSpec, number>;
    overscan: number;
}