import { jsx as _jsx } from "react/jsx-runtime";
import { CopyWrapper, GuidValue, Value } from './styles';
import { useLogic } from './useLogic';
export const NodeValue = (props) => {
    const { isExpandable, color, expandableText, isCanCopy, formattedValue, isGuid, } = useLogic(props);
    if (isExpandable) {
        return (_jsx(Value, { component: "dd", typeColor: color, colorIntensity: "500", variant: "caption", children: expandableText }));
    }
    if (isGuid) {
        return (_jsx(CopyWrapper, { isShowCopyText: true, titleColor: color, copyText: formattedValue, children: _jsx(GuidValue, { component: "dd", tooltipProps: {
                    title: undefined,
                }, titleColor: color, children: formattedValue }) }));
    }
    if (isCanCopy) {
        return (_jsx(CopyWrapper, { isShowCopyText: true, titleColor: color, copyText: formattedValue, children: _jsx(Value, { component: "dd", tooltipProps: {
                    title: undefined,
                }, typeColor: color, children: formattedValue }) }));
    }
    return (_jsx(Value, { component: "dd", typeColor: color, children: formattedValue }));
};
