import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import Typography from '../../../Typography';
import './DataSetTooltip.scss';
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 default DataSetTooltip;
//# sourceMappingURL=DataSetTooltip.js.map