design-system-simplefi
Version:
Design System for SimpleFi Applications
20 lines • 794 B
JavaScript
import React, { useEffect, useState } from 'react';
import { Paragraph } from '../../typography/Paragraph';
import { TooltipDesign } from '../../Tooltip';
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
var Popup = function (_a) {
var payload = _a.payload;
var _b = useState(payload), payloadData = _b[0], setPayloadData = _b[1];
useEffect(function () {
if (payload.length)
setPayloadData(payload);
}, [payload]);
return (React.createElement(TooltipDesign, null,
React.createElement(Paragraph, { size: "md" },
payloadData.length && payloadData[0].name,
":",
' ',
payloadData.length && payloadData[0].value)));
};
export default Popup;
//# sourceMappingURL=Popup.js.map