import { jsx as _jsx } from "react/jsx-runtime";
import { OverflowTypography, } from '../OverflowTypography';
import { useHidePersonalData } from '../personalDataSecurity';
import { classNames } from '../utils/classNames';
export const GuidTypography = ({ className, isHidePersonalData, tooltipProps, ...props }) => {
    const hidePersonalDataClassname = useHidePersonalData({
        isEnabled: isHidePersonalData,
    });
    return (_jsx(OverflowTypography, { visibleLastSymbolsCount: 4, className: classNames(className, hidePersonalDataClassname), tooltipProps: {
            ...tooltipProps,
            className: classNames(tooltipProps?.className, hidePersonalDataClassname),
        }, ...props }));
};
