import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
import Typography from '../../../Typography/Typography.js';

const DataSetTooltip = ({ datSetToolTip: { globalVariableSetName = '', peVariableSetName = '', testDataSetName = '', }, }) => {
    const toolTipTitleValue = {
        'Project Environment Set': peVariableSetName,
        'Global Variable Set': globalVariableSetName,
        'Test Data Set': testDataSetName,
    };
    return (jsx(Fragment, { children: Object.entries(toolTipTitleValue).map(([key, value], index) => (jsx("div", { className: "ff-dataSetList-container", children: jsxs("div", { children: [jsx(Typography, { as: "div", fontSize: 10, lineHeight: "15px", color: "var(--details-page-value-color)", className: "ff-dataSetList-items", children: key }), jsx(Typography, { as: "div", lineHeight: "18px", color: "var(--base-bg-color)", children: value })] }) }, index))) }));
};

export { DataSetTooltip as default };
//# sourceMappingURL=DataSetTooltip.js.map
